Settings – Image Sizes

Overview

WordPress automatically generates multiple versions (thumbnails) for each uploaded image. The Coding Bunny Image Optimizer allows you to choose which sizes are included in the optimization process, helping reduce storage usage and improve performance.

Doc image optimizer 240 03

Available Options

Image Sizes

  • Description: list of all image sizes generated by WordPress or plugins (e.g., WooCommerce).
  • Behavior:
    • Each size can be enabled or disabled via toggle.
    • Only enabled sizes will be included and optimized.

Common sizes

  • thumbnail (150×150 px) → standard thumbnails.
  • medium (300×300 px) → medium images for posts and pages.
  • medium_large (768 px) → adaptive images for responsive layouts.
  • large (1024×1024 px) → large images for full-width content.
  • 1536×1536 px → high-resolution WordPress retina versions.
  • 2048×2048 px → extra-large WordPress retina versions.
  • woocommerce_archive_thumbnail (600×600 px) → product archive thumbnails.
  • woocommerce_thumbnail (300×300 px) → standard product images.
  • woocommerce_single (600 px) → main product images in product pages.
  • woocommerce_gallery_thumbnail (100×100 px) → product gallery thumbnails.

Save Settings

  • Function: saves the selected sizes.
  • Note: changes apply only to newly uploaded images after saving.

Usage Flow

  1. Log in to your WordPress admin panel.
  2. Go to Image Optimizer → Optimiz → Image Sizes.
  3. In the Image Sizes section, enable/disable the sizes you want optimized.
  4. Click Save Settings.

Best Practices

  • Keep only the sizes actually used by your theme or plugins.
  • Disable unnecessary sizes to reduce disk usage and the number of generated files.
  • For WooCommerce, keep product-related sizes enabled if you run an online store.