# DataFirefly Image Optimizer — WebP, AVIF, compresión y CDN para Shopware 6 > Optimización de imágenes nativa para Shopware 6.6 y 6.7. Generación automática WebP y AVIF junto a cada imagen, recompresión JPEG/PNG sin pérdida visible, eliminación de metadatos EXIF/ICC, reescritura transparente de URLs hacia su CDN (BunnyCDN, Cloudflare, KeyCDN, CloudFront). Etiqueta picture, loading lazy, decoding async y atributos width/height anti-CLS inyectados automáticamente en el storefront. - Página: - Idioma: es - Actualizado el: 2026-06-29 - Plataforma: Shopware - Categoría: SEO & Rendimiento - Referencia: DF-IMGOPT - Precio: 59.00 EUR - Otros idiomas: [fr](https://www.datafirefly.com/product/dfimageoptimizer/index.md), [en](https://www.datafirefly.com/en/product/dfimageoptimizer-en/index.md), [de](https://www.datafirefly.com/de/produkt/dfimageoptimizer-de/index.md), [it](https://www.datafirefly.com/it/product/dfimageoptimizer-it/index.md), [pl](https://www.datafirefly.com/pl/produkt/optymalizacja-obrazow-webp-avif-cdn-shopware/index.md), [nl](https://www.datafirefly.com/nl/product/dfimageoptimizer/index.md), [pt](https://www.datafirefly.com/pt/produto/dfimageoptimizer/index.md) - Índice: ## Por qué este plugin Las imágenes representan en promedio entre el 50 y el 70 por ciento del peso de una página de e-commerce. En Shopware 6 de fábrica, el pipeline nativo comprime los JPEG y redimensiona en varios tamaños, pero no genera ni WebP ni AVIF, y no ofrece ninguna integración CDN. DataFirefly Image Optimizer cubre este vacío con un pipeline completo, activado automáticamente al subir, que produce las variantes modernas y reescribe las URLs hacia su CDN. ## Qué hace concretamente el plugin En cada subida de archivos multimedia, el suscriptor escucha el evento entity media.written, identifica los archivos JPEG, PNG y GIF, y lanza el pipeline de optimización: recompresión progresiva del JPEG con submuestreo 2x2/1x1/1x1, o recompresión PNG con nivel y filtros optimizados; eliminación de metadatos EXIF e ICC; generación del hermano WebP con calidad configurable; generación del hermano AVIF con calidad independiente y salvaguarda de anchura máxima. Las miniaturas de Shopware también se procesan. Para las imágenes ya en biblioteca, una tarea programada se ejecuta por defecto cada 15 minutos y procesa los lotes pendientes, con tamaño de lote configurable. Un botón en el panel permite también lanzar un lote manual bajo demanda. ## Reescritura CDN inteligente El plugin reescribe las URLs hacia el CDN configurado, con tres alcances disponibles: solo medios, medios más miniaturas, o todos los recursos estáticos incluidos tema y bundles. Compatible con todas las plataformas CDN principales: BunnyCDN, KeyCDN, Cloudflare con hostname personalizado, AWS CloudFront, Bunny Optimizer, o cualquier reverse proxy propio. Cuando el CDN está activo, el plugin inyecta automáticamente las etiquetas dns-prefetch y preconnect en el head del storefront. ## Renderizado storefront moderno El componente Twig de miniatura se extiende vía sw_extends para envolver la imagen original en una etiqueta picture con fuentes AVIF, WebP y fallback original. El navegador elige automáticamente el formato más ligero que soporta. Los atributos loading lazy, decoding async, width y height contra CLS se inyectan según la configuración. Se exponen un filtro Twig df_cdn y una función df_picture para los desarrolladores de temas. ## Panel de administración Un módulo Vue 3 dedicado en el menú Catálogos muestra en tiempo real las capacidades del servidor detectadas: versión PHP, presencia de Imagick, presencia de GD, soporte efectivo de WebP y AVIF, motor recomendado. Las estadísticas globales muestran el total de imágenes, el porcentaje optimizado, los contadores WebP y AVIF, y sobre todo el espacio acumulado ahorrado. Una tabla de actividad de 30 días muestra el ritmo diario. ## Compatibilidad servidor El plugin usa Imagick por prioridad cuando está disponible — mejor calidad de codificación y única forma de obtener AVIF vía libheif en servidores antiguos — y recurre a GD cuando Imagick falta. AVIF requiere PHP 8.1+ con soporte GD AVIF compilado, o Imagick con libheif. El panel señala inmediatamente lo disponible en el servidor. ## Datos persistidos Una tabla df_image_optimizer registra para cada medio optimizado la presencia de hermanos WebP y AVIF, el estado de recompresión, el tamaño original y el cumulativo de bytes ahorrados. Una segunda tabla df_image_optimizer_log conserva opcionalmente un diario de errores. La clave foránea con cascada desde la tabla media de Shopware limpia automáticamente las entradas huérfanas. ## Compatibilidad Shopware 6.6 y 6.7. PHP 8.2 y posterior. Extensión GD obligatoria, Imagick muy recomendada para la codificación AVIF y calidad WebP superior.