# DataFirefly Image Optimizer: WebP, AVIF, compressão e CDN para Shopware 6

> Otimização de imagens nativa para Shopware 6.6 e 6.7. Geração automática de WebP e AVIF a par de cada imagem, recompressão JPEG/PNG sem perda visível, remoção dos metadados EXIF/ICC, reescrita transparente dos URLs para o seu CDN (BunnyCDN, Cloudflare, KeyCDN, CloudFront). Etiqueta picture, loading lazy, decoding async e atributos width/height anti-CLS injetados automaticamente no storefront.

- Página: <https://www.datafirefly.com/pt/produto/dfimageoptimizer/>
- Idioma: pt
- Atualizado em: 2026-09-02
- Plataforma: Shopware
- Categoria: SEO & Desempenho
- Referência: DF-IMGOPT-PT
- Preço: 59.00 EUR
- Outros idiomas: [fr](https://www.datafirefly.com/product/dfimageoptimizer/index.md), [en](https://www.datafirefly.com/en/product/dfimageoptimizer-en/index.md), [es](https://www.datafirefly.com/es/producto/dfimageoptimizer-es/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)
- Índice: <https://www.datafirefly.com/pt/produto/llms.txt>

## Porquê esta extensão

As imagens representam em média 50 a 70 % do peso de uma página de comércio eletrónico. No Shopware 6, o pipeline nativo comprime os JPEG e redimensiona em vários tamanhos, mas não gera WebP nem AVIF, e não oferece qualquer integração com CDN. O DataFirefly Image Optimizer preenche essa lacuna com um pipeline completo, acionado automaticamente no carregamento, que produz as variantes modernas e reescreve os URLs para o seu CDN.

## O que a extensão faz concretamente

A cada carregamento de média, o subscriber escuta o evento entity media.written, identifica os ficheiros JPEG, PNG e GIF, e depois lança o pipeline de otimização: recompressão progressiva do JPEG com subamostragem 2x2/1x1/1x1, ou recompressão PNG com nível e filtros otimizados; remoção dos metadados EXIF e ICC; geração do sibling WebP com qualidade configurável; geração do sibling AVIF com qualidade independente e limite de largura máxima. As miniaturas do Shopware também são tratadas.

Para as imagens já em base de dados, uma tarefa agendada corre por predefinição a cada 15 minutos e trata os lotes restantes, com tamanho de lote configurável. Um botão no painel permite também lançar um lote manual a pedido.

## Reescrita de CDN inteligente

A extensão reescreve os URLs para o CDN configurado, com três âmbitos disponíveis: apenas média, média mais miniaturas, ou todos os recursos estáticos incluindo o tema e os bundles. Compatível com todas as plataformas CDN habituais: BunnyCDN, KeyCDN, Cloudflare com hostname personalizado, AWS CloudFront, Bunny Optimizer, ou qualquer proxy inverso próprio. Quando o CDN está ativo, a extensão injeta automaticamente as etiquetas dns-prefetch e preconnect no head do storefront para acelerar a resolução.

## Renderização moderna no storefront

O componente Twig de miniatura é estendido através de sw_extends para envolver a imagem original numa etiqueta picture com sources AVIF, depois WebP, e por fim o original como alternativa. O navegador escolhe automaticamente o formato mais leve que suporta. Os atributos loading lazy, decoding async, e width/height para prevenir o desvio de layout CLS são injetados conforme a configuração. Um filtro Twig df_cdn e uma função df_picture ficam expostos aos programadores de temas.

## Painel de administração

Um módulo Vue 3 dedicado no menu Catálogos apresenta em tempo real as capacidades detetadas no servidor: versão do PHP, presença do Imagick, presença do GD, suporte efetivo de WebP e de AVIF, motor recomendado. As estatísticas globais mostram o número total de imagens, a percentagem otimizada, o contador de WebP e AVIF gerados, e sobretudo o espaço acumulado poupado. Uma tabela de atividade a 30 dias mostra a cadência diária.

## Compatibilidade do servidor

A extensão funciona com o Imagick em prioridade quando está disponível, por ter melhor qualidade de codificação e por ser a única forma de obter AVIF com libheif em servidores antigos, e passa para o GD quando o Imagick não está instalado. O AVIF exige PHP 8.1 ou superior com suporte AVIF compilado no GD, ou Imagick com libheif. O painel assinala de imediato o que está disponível no servidor, evitando surpresas.

## Dados persistidos

Uma tabela df_image_optimizer regista, para cada média otimizado, a presença dos siblings WebP e AVIF, o estado da recompressão, o tamanho original e o total de bytes poupados. Uma segunda tabela df_image_optimizer_log guarda um registo opcional dos erros. A chave estrangeira em cascata a partir da tabela media do Shopware limpa automaticamente as entradas órfãs quando se eliminam médias.

## Compatibilidade

Shopware 6.6 e 6.7. PHP 8.2 e superior. Extensão GD obrigatória, Imagick fortemente recomendada para a codificação AVIF e para a qualidade WebP.