Skip to content

How-To Guide

This guide provides step-by-step workflows for common tasks with Media Booster.


How the Plugin Works

Data Flow Overview

Media Booster processes images in three independent steps:

[Media Library] → [Media Booster Queue] → [Processed Images]
      ↓                   ↓                      ↓
  Original JPG        Background             WebP version +
  PNG files           processing             optimized metadata

Processing Flow: 1. You start processing manually or the plugin starts automatically (depending on configuration) 2. Media Booster fetches unprocessed images from the media library 3. Each image is processed in a batch 4. Progress is displayed in the dashboard 5. After completion, statistics are updated


Common Workflows

How to: Initial Plugin Setup

Goal: Optimally configure Media Booster after installation

Prerequisites: - Plugin is installed and activated - Access to Shopware Administration

Steps:

  1. Check server compatibility
  2. Navigate to: Settings → Extensions → Media Booster
  3. Check the "Server Information" section
  4. Note which features are available (Imagick, WebP, AVIF)

  5. Open plugin settings

  6. Navigate to: Settings → Extensions → Media Booster
  7. Alternatively: Click "Plugin Settings" in the dashboard

  8. Configure basic settings

  9. Batch Size: 50 (default value, adjust if needed)
  10. Automatic Processing: "Manual only" for the beginning

  11. Enable conversion (recommended)

  12. Conversion Mode: Select "WebP"
  13. Image Quality: 80
  14. Thumbnail Quality: 60

  15. Enable SEO optimization (optional)

  16. Alt Tag Mode: "Optimize Alt Tags"
  17. Update Mode: "Only fill empty"

  18. Save settings

  19. Click "Save"

  20. Start first processing

  21. Navigate to: Settings → Extensions → Media Booster
  22. Click "Start All"
  23. Monitor the progress

Result: The plugin is configured and begins image optimization.


How to: Convert Existing Images to WebP

Goal: Convert all existing images in the media library to WebP

Prerequisites: - WebP is supported by the server (check in dashboard)

Steps:

  1. Adjust settings
  2. Navigate to: Settings → Extensions → Media Booster
  3. Conversion Mode: Select "WebP"
  4. Image Quality: 80 (or as needed)
  5. Save

  6. Start conversion

  7. Navigate to: Settings → Extensions → Media Booster
  8. Click "Convert"

  9. Monitor progress

  10. The page refreshes automatically
  11. Wait until the progress bar reaches 100%

  12. Verify result

  13. Open your shop in a browser
  14. Open developer tools (F12)
  15. Check in the Network tab that images are loading as WebP

Result: All suitable images now have WebP versions that are automatically delivered.

Note: Original images remain and serve as fallback for older browsers.


How to: Save Storage Space Through Image Resizing

Goal: Reduce oversized original images to reasonable dimensions

Prerequisites: - Imagick is installed on the server - Important: Backup of media files created!

Steps:

  1. Create backup
  2. Back up the /public/media/ directory on your server
  3. This is important as original images will be overwritten!

  4. Configure settings

  5. Navigate to: Settings → Extensions → Media Booster
  6. "Enable Image Resize": On
  7. Maximum Width: 2000 (or as needed)
  8. Maximum Height: 2000 (or as needed)
  9. Resize Mode: "Fit within bounds"
  10. Save

  11. Start processing

  12. Navigate to: Settings → Extensions → Media Booster
  13. Click "Resize"

  14. Verify result

  15. Observe the "Space saved" statistic
  16. Randomly check product images for quality

Result: All oversized images have been reduced to maximum dimensions.

Troubleshooting: If quality issues arise, restore backup and choose higher maximum dimensions.


How to: SEO Optimization for All Product Images

Goal: Automatically fill missing alt tags and titles with product information

Prerequisites: - Products have maintained names

Steps:

  1. Configure SEO settings
  2. Navigate to: Settings → Extensions → Media Booster
  3. Alt Tag Mode: "Optimize Alt Tags"
  4. Product Images - Update Mode: "Only fill empty" (recommended)
  5. Product Images - Alt Template: "Product Name" or "Product Name + Shop Name"
  6. Enable Title Optimization: On (optional)
  7. Save

  8. Start SEO optimization

  9. Navigate to: Settings → Extensions → Media Booster
  10. Click "SEO"

  11. Verify result

  12. Open a product image in the media library
  13. Check that alt tag and title are set
  14. Test in the frontend (view source code)

Result: All product images without alt tags now have meaningful alternative texts.


How to: Set Up Automatic Daily Optimization

Goal: New images are automatically optimized every night

Prerequisites: - Shopware Scheduled Tasks are correctly configured - Cron job runs regularly

Steps:

  1. Enable automatic processing
  2. Navigate to: Settings → Extensions → Media Booster
  3. Automatic Processing: "Once daily"
  4. Enable all other desired functions
  5. Save

  6. Verify cron job

  7. Ensure the Shopware Scheduled Task Runner is running
  8. Typical cron entry: * * * * * php /path/to/shopware/bin/console scheduled-task:run

Result: Media Booster automatically processes new images once daily.


How to: Reset Progress and Start Over

Goal: Process all images again (e.g., after changing quality settings)

Steps:

  1. Open dashboard
  2. Navigate to: Settings → Extensions → Media Booster

  3. Reset progress

  4. Click "Reset Progress"
  5. Confirm the action

  6. Start processing again

  7. Click "Start All"

Result: All images are processed again, regardless of previous status.

Note: For WebP/AVIF conversion, existing converted files are skipped if they already exist.


Quick Reference

Task Key Steps Required Settings
Enable WebP Conversion Mode → WebP → Save → Dashboard → Start convertMode
Reduce image size Enable resize → Set max dimensions → Start resizeEnabled, resizeMaxWidth/Height
Fill alt tags Alt Tag Mode → Optimize → Choose template → Start seoAltMode, seoAltProductTemplate
Optimize filenames Choose filename template → Start seoFilenameProductTemplate
Daily automatic processing Automatic Processing → Once daily scheduleMode

Best Practices

  1. Backup before resizing: The resize function overwrites originals. Always back up first!

  2. WebP before AVIF: WebP has better browser support. Only use AVIF if you know your target audience uses modern browsers.

  3. Test quality: Process a few images first and check quality before processing entire inventory.

  4. SEO gradually: Use "Only fill empty" to not overwrite manually maintained data.

  5. Adjust batch size: Lower values (20-30) for shared hosting, higher values (100+) for dedicated servers.

  6. Clear cache: Clear Shopware cache and any CDN cache after processing.

Troubleshooting

Large images skipped during AVIF conversion

Symptom: Many images are marked as failed/skipped when converting to AVIF.

Cause: Your server uses the GD library instead of Imagick for AVIF conversion. GD's AVIF encoder is significantly slower (10-50x) than Imagick, so images larger than 4 megapixels are automatically skipped to prevent timeouts.

Solutions: 1. Install Imagick with AVIF support (recommended): Ask your hosting provider to install or upgrade Imagick with AVIF format support 2. Use WebP instead: WebP offers good compression and works reliably with both Imagick and GD 3. Reduce image sizes first: Use the resize function to reduce images to under 2000x2000 pixels before AVIF conversion

How to check: The dashboard's "Server Information" section shows which library is being used and displays a warning if GD is used for AVIF.


What to Avoid

  • No backups: Never start image resizing without a prior backup
  • Too low quality: Values below 60 can create visible artifacts
  • Too small dimensions: Below 1500px can affect quality on Retina displays
  • Overwrite all without checking: Can destroy manually maintained SEO data
  • Large batches on weak servers: Can lead to timeouts and aborted processing
  • AVIF with GD on large images: Use WebP or install Imagick for reliable AVIF conversion of large images