📸 Como escolher o melhor formato de imagem para seu site
Nota: este conteúdo é informativo e não substitui orientação profissional. Confira sempre as exigências da instituição, plataforma ou serviço onde o arquivo será enviado.
A imagem certa, no formato certo, deixa um site rápido e bonito. A escolha errada faz o oposto: páginas lentas, consumo de dados e prejuízo no SEO, já que a velocidade é um fator de ranqueamento no Google. Veja como escolher o formato ideal para cada situação.
WebP — a melhor escolha para a web hoje
Desenvolvido pelo Google, o WebP combina compressão com e sem perda, mantendo qualidade alta com arquivos cerca de 25% a 35% menores que o JPEG equivalente. Suporta transparência e é reconhecido por todos os navegadores modernos. Para a maioria das imagens de um site, é a opção recomendada.
JPEG/JPG — para fotografias
Ideal para fotos com muitas cores e gradientes. Comprime bem, mas com perda de qualidade, e não suporta transparência. Evite usar JPEG em logos, ícones ou imagens com texto, pois aparecem “sujeiras” (artefatos) ao redor das bordas.
PNG — para transparência e nitidez
Melhor para logos, ícones, capturas de tela e qualquer imagem que precise de fundo transparente ou bordas bem nítidas. A qualidade é sem perda, mas os arquivos tendem a ser maiores — use com moderação em fotos.
SVG — para ícones e ilustrações
Formato vetorial: em vez de pixels, descreve formas matematicamente. Escala para qualquer tamanho sem perder nitidez e gera arquivos minúsculos para ícones e logos simples. Perfeito para layouts responsivos.
Resumo rápido
- Foto no site: WebP (ou JPEG como alternativa).
- Logo/ícone simples: SVG.
- Imagem com transparência: PNG ou WebP.
- Print de tela com texto: PNG.
Otimize antes de publicar
Independentemente do formato, redimensione a imagem para o tamanho real de exibição e comprima antes de subir. Veja como reduzir o peso de imagens e entenda as diferenças com mais profundidade no guia PNG, JPG ou WebP.