WebP

O que é WebP?

O WebP é um formato de imagem moderno desenvolvido pelo Google que suporta compressão com e sem perdas (lossy e lossless) em um único tipo de arquivo (.webp). Ele também lida com transparência (canal alfa) e animações, de modo que pode substituir JPEG, PNG e GIF. Com uma qualidade visual comparável, os arquivos WebP são normalmente de 25% a 34% menores do que o JPEG e cerca de 26% menores do que o PNG.

Por que o WebP é importante?

As imagens geralmente compõem a maior parte do peso total de uma página de produto, e imagens pesadas são uma das causas mais comuns de carregamento lento. Arquivos menores significam páginas mais rápidas, melhores Core Web Vitals e menor uso de dados em dispositivos móveis — tudo isso afeta tanto a conversão quanto o posicionamento nos motores de busca. O WebP oferece essa economia sem perda visível de qualidade, e o formato é suportado hoje por todos os navegadores modernos (Chrome, Firefox, Edge e Safari).

Casos de uso comuns

• Fotos de produtos em alta resolução onde os arquivos JPEG ficam muito pesados para uma exibição rápida em dispositivos móveis.
• Gráficos com transparência que, de outra forma, precisariam de arquivos PNG grandes (logotipos, selos, ícones).
• Banners e imagens de estilo de vida (lifestyle) no topo da página que afetam o LCP e estabilidade de layout.
• Entrega via CDN, onde o formato é negociado por navegador para economizar largura de banda.

Perspectiva da Shopify

Você não precisa converter suas imagens para WebP manualmente na Shopify. A CDN de imagens da Shopify serve WebP automaticamente — ou o formato ainda menor AVIF — para navegadores que o suportam, com base no cabeçalho Accept, independentemente de você carregar arquivos em JPEG ou PNG. Se você quiser controlar o formato manualmente no seu tema, pode passar o parâmetro format para o filtro image_url. Na prática, concentre-se em carregar imagens de origem nítidas com as dimensões corretas e preencher sempre o texto alternativo, deixando que a CDN cuide do resto.