Os quatro principais formatos de imagem web
Escolher o formato de imagem certo pode reduzir pela metade o tamanho dos seus arquivos — ou dobrá-lo se você escolher errado. Aqui está uma visão prática de quando usar cada formato.
JPG (JPEG)
Melhor para: fotografias, cenas complexas com muitas gradações de cor.
Compressão: com perdas. Descarta permanentemente dados de cor sutis. Transparência: não suportada. Suporte de navegadores: 100% — todo navegador e dispositivo. Tamanho de arquivo típico: 2-5 MB para uma foto de 12 MP a 85% de qualidade.
O JPG é o padrão para fotos desde 1992. Seu suporte quase universal o torna o padrão seguro quando você não sabe em qual plataforma sua imagem será exibida.
PNG
Melhor para: capturas de tela, logotipos, ilustrações, imagens com texto, imagens com transparência.
Compressão: sem perdas. Cada pixel é preservado exatamente. Transparência: suportada (canal alfa). Suporte de navegadores: 100%. Tamanho de arquivo típico: 20-40 MB para uma foto de 12 MP (não adequado para fotos).
Use PNG quando a precisão pixel a pixel importa — para capturas de interface, elementos gráficos ou qualquer imagem que você vai editar várias vezes. Nunca use PNG para fotografias em um site; os tamanhos de arquivo são grandes demais.
WebP
Melhor para: imagens web onde você quer arquivos menores que o JPG com mais flexibilidade de formato que o PNG.
Compressão: modos com perdas e sem perdas disponíveis. Transparência: suportada. Suporte de navegadores: todos os navegadores modernos (Chrome, Firefox, Safari 14+, Edge). Sem suporte ao IE. Tamanho de arquivo típico: 25-35% menor que o JPG com qualidade visual equivalente.
O WebP foi criado pelo Google e agora é o formato recomendado para a maioria das imagens web. Se seu público usa navegadores modernos, mudar de JPG para WebP é uma forma simples de reduzir o peso da página sem nenhum compromisso visual.
AVIF
Melhor para: imagens de alta qualidade onde a compressão máxima é crítica — imagens de destaque, fotos grandes de produto.
Compressão: com perdas e sem perdas. Transparência: suportada. Suporte de navegadores: Chrome 85+, Firefox 93+, Safari 16+. Bom, mas não universal. Tamanho de arquivo típico: 40-50% menor que o JPG com qualidade equivalente.
O AVIF oferece a melhor compressão de qualquer formato comum. O compromisso é a codificação mais lenta (nosso conversor pode levar alguns segundos para arquivos grandes) e suporte de navegadores um pouco menor que o WebP.
Guia de decisão rápida
Fotografia para a web → WebP (ou JPG para máxima compatibilidade) Logotipo ou ícone com transparência → PNG (ou WebP) Imagem de destaque em um site moderno → AVIF Imagem compartilhada por e-mail → JPG Captura de tela → PNG Foto do iPhone para compartilhar → JPG (convertida do HEIC)