O que é WebP e porque usá-lo na sua loja online

WebP é um formato de imagem criado pela Google que comprime as fotografias mais do que o JPG e o PNG, com uma qualidade visual muito semelhante. Suporta transparência e animação, e hoje é aberto pelos principais browsers: Chrome, Firefox, Edge e Safari. Se está a pensar o que é WebP e se compensa usá-lo na sua loja online, a resposta curta é: na maioria dos casos, sim. As páginas de produto ficam mais leves, carregam mais depressa e os clientes veem exatamente o mesmo.

A seguir explicamos como funciona, onde ganha e onde perde face a outros formatos, e como começar a usá-lo sem complicações.

O que é WebP, em poucas palavras

O WebP é um formato de ficheiro de imagem, tal como o JPG ou o PNG. A Google apresentou-o em 2010 e tem vindo a alargá-lo desde então. Os ficheiros têm a extensão .webp.

O objetivo é simples: guardar a mesma imagem a ocupar menos espaço. Segundo a documentação oficial da Google para programadores:

• As imagens WebP sem perdas ocupam menos 26 % do que os PNG equivalentes.
• As imagens WebP com perdas ocupam entre 25 % e 34 % menos do que um JPG de qualidade comparável.

A poupança real depende de cada fotografia, mas num catálogo com centenas de imagens a diferença nota-se.

Como funciona: com perdas e sem perdas

O WebP tem dois modos de compressão e convém saber quando usar cada um.

WebP com perdas

Elimina informação que o olho mal deteta, tal como o JPG. É o modo indicado para fotografias de produto, imagens de ambiente e banners. Pode ajustar a qualidade: valores entre 75 e 85 costumam dar um bom equilíbrio entre peso e nitidez.

WebP sem perdas

Mantém todos os píxeis intactos, como o PNG. É adequado para logótipos, ícones, gráficos com texto ou imagens com contornos muito definidos.

Transparência e animação

O WebP suporta canal alfa (fundo transparente) tanto no modo com perdas como no modo sem perdas. É uma vantagem face ao PNG: pode ter um produto recortado com fundo transparente num ficheiro bastante mais leve. Também suporta animação, como alternativa aos GIF.

WebP vs. JPG, PNG e AVIF

O WebP não ganha em tudo. Há pontos em que outros formatos empatam ou ficam à frente:

• Compatibilidade: ganha o JPG. Abre em praticamente qualquer programa, telemóvel, cliente de e-mail ou impressora. Alguns programas de edição mais antigos, certas plataformas e alguns marketplaces ainda não aceitam WebP no carregamento de ficheiros.
• Compressão: o AVIF costuma ganhar. Este formato, mais recente, consegue muitas vezes ficheiros ainda mais pequenos do que o WebP com qualidade semelhante. Em contrapartida, a codificação é mais lenta e o suporte nas ferramentas é menos alargado.
• Fidelidade de cor em detalhes finos: pode ganhar o JPG ou o PNG. O WebP com perdas reduz a informação de cor (subamostragem 4:2:0). Em tecidos com padrões muito finos ou texto colorido pequeno pode notar-se alguma suavização.
• Tamanho máximo: empatam ou ganham os outros. O WebP suporta até 16 383 × 16 383 píxeis. Para a web chega e sobra, mas não serve para ficheiros de impressão enormes.

Em resumo: o WebP é uma ótima opção para mostrar imagens na web. Para guardar originais ou enviar para a gráfica, continue a usar JPG, PNG ou TIFF.

Porque usar WebP na sua loja online

Páginas que carregam mais depressa

Numa loja online, as imagens costumam ser o que mais pesa em cada página. Nas páginas de produto, a foto principal é muitas vezes o maior elemento a carregar. A Google mede isto com a métrica LCP (Largest Contentful Paint), uma das Core Web Vitals.

Com ficheiros mais leves, essa imagem aparece mais cedo, sobretudo em telemóveis com ligações lentas. Uma loja rápida oferece uma melhor experiência, e a Google tem em conta a experiência de página nos resultados de pesquisa.

Produtos recortados mais leves

Se usa fotografias de produto sem fundo para as colocar sobre as cores da marca ou em composições, até agora a opção habitual era o PNG, que é pesado. Com o WebP mantém a transparência e o ficheiro fica consideravelmente mais pequeno.

Menos armazenamento e menos tráfego

Cada visita descarrega as suas imagens. Ficheiros mais pequenos significam menos dados transferidos a partir do seu servidor ou CDN. Se o seu alojamento cobra ou limita o espaço ou o tráfego, também se nota aí.

Uma só extensão para vários usos

Fotografias, gráficos, imagens com transparência e pequenas animações: o WebP cobre tudo num único formato. Isto simplifica a organização do catálogo.

Quando não compensa usar WebP

• Ficheiros originais e de trabalho. Guarde sempre o original em alta qualidade (JPG, PNG, TIFF ou RAW). Converta para WebP apenas a versão que vai publicar.
• Carregamentos em marketplaces ou redes sociais. Confirme que formatos cada plataforma aceita antes de carregar. Na dúvida, o JPG continua a ser a opção segura.
• E-mail. Nem todos os clientes de e-mail mostram WebP. Em newsletters, o JPG e o PNG são mais fiáveis.
• Impressão. Gráficas e catálogos em papel trabalham com outros formatos.

Como converter as suas imagens para WebP, passo a passo

Não precisa de instalar nada. Com o conversor de imagens da Pictulab pode passar os seus JPG e PNG para WebP diretamente no browser. É grátis e as imagens não são enviadas para nenhum servidor: todo o processo acontece no seu próprio computador.

1. Prepare as fotografias no tamanho certo. Não publique uma imagem com 4000 píxeis se vai ser mostrada a 1200. Redimensionar costuma poupar mais do que mudar de formato.
2. Converta para WebP. Escolha compressão com perdas para fotografias e sem perdas para logótipos ou gráficos.
3. Ajuste a qualidade. Comece por volta de 80 e compare. Se não vir diferenças, experimente baixar um pouco.
4. Verifique os detalhes. Faça zoom nas zonas mais delicadas: costuras, texturas, texto nas etiquetas.
5. Comprima, se for preciso. Com a ferramenta para comprimir imagens pode afinar ainda mais o peso final.

Se precisa do produto recortado, primeiro tire o fundo da imagem e depois exporte para WebP para manter a transparência com pouco peso.

Como servir WebP na sua loja online

WordPress e WooCommerce

O WordPress permite carregar imagens WebP na biblioteca multimédia desde a versão 5.8. Pode carregar diretamente os seus ficheiros .webp ou usar um plugin de otimização que gere versões WebP automaticamente.

Plataformas alojadas

Algumas plataformas de e-commerce otimizam as imagens e servem formatos modernos aos browsers compatíveis por conta própria. Consulte a documentação da sua plataforma antes de converter tudo à mão: pode já fazer isso por si.

Site à medida: o elemento picture

Se controla o código, o elemento <picture> permite servir WebP e deixar um JPG de recurso para browsers antigos:

<picture>
  <source srcset="mala-pele-castanha.webp" type="image/webp">
  <img src="mala-pele-castanha.jpg" alt="Mala de pele castanha com asa curta" width="1200" height="1200">
</picture>

O browser escolhe o primeiro formato que reconhece. Assim, ninguém fica sem ver a fotografia.

Boas práticas com WebP num catálogo

• Dê bons nomes aos ficheiros: mala-pele-castanha-frente.webp diz muito mais do que IMG_4532.webp.
• Escreva textos alternativos descritivos, para acessibilidade e para o SEO de imagens.
• Indique a largura e a altura no HTML para evitar saltos no layout durante o carregamento.
• Use carregamento diferido (loading="lazy") nas imagens que não aparecem ao abrir a página, mas não na fotografia principal.
• Mantenha uma qualidade coerente em todo o catálogo para que as páginas de produto tenham um aspeto uniforme.

Para aprofundar, pode interessar-lhe [ENLACE: como comprimir imagens para a sua loja online sem perder qualidade] e [ENLACE: tamanhos de imagem recomendados para páginas de produto].

E se também quiser criar ou melhorar as fotografias de produto com IA, pode experimentar na Pictulab. Comece grátis — 100 tokens de oferta, sem cartão.

Perguntas frequentes

O WebP perde qualidade em relação ao JPG?

No modo com perdas, tal como o JPG, descarta alguma informação. Com a qualidade bem ajustada, a diferença normalmente não se nota a olho nu e o ficheiro fica mais leve. No modo sem perdas, não se perde nada.

Todos os browsers abrem WebP?

Os principais browsers atuais, como Chrome, Firefox, Edge e Safari, mostram-no sem problemas. Só versões muito antigas não o suportam; para essas, pode usar o elemento <picture> com um JPG de recurso.

O WebP melhora o SEO da minha loja?

Não é um fator de posicionamento por si só. O que faz é reduzir o peso das páginas, o que melhora a velocidade de carregamento e métricas como o LCP, que fazem parte da experiência de página que a Google tem em conta.

O que é melhor: WebP ou AVIF?

O AVIF costuma comprimir mais, mas demora mais a codificar e é aceite por menos ferramentas. O WebP oferece um bom equilíbrio entre poupança e compatibilidade. Muitos sites servem AVIF com WebP ou JPG como alternativa.

Como converto imagens para WebP sem as enviar para a internet?

Com o conversor da Pictulab, a conversão é feita no seu browser: as imagens não são enviadas para nenhum servidor e a ferramenta é gratuita.