É fácil ignorar o formato do arquivo, mas ele afeta diretamente a qualidade da imagem, a velocidade da página e a compatibilidade com os navegadores.
O que um formato de imagem para a web deve oferecer
- Preservar os detalhes importantes.
- Manter o arquivo com um tamanho razoável.
- Funcionar nos navegadores e dispositivos mais comuns.
Na maioria dos sites, dois formatos conhecidos atendem a essas necessidades: JPEG (.jpg) e PNG (.png). A escolha certa depende do conteúdo da imagem.
Escolha JPEG para fotos e degradês
O JPEG costuma ser a escolha prática para retratos, fotos de viagens, eventos e outras imagens com muitas cores ou transições suaves de tons. Ele oferece um ótimo equilíbrio entre qualidade visual e tamanho do arquivo.
Escolha PNG para contornos nítidos e transparência
O PNG costuma funcionar melhor para páginas de documentos, capturas de tela de interfaces, diagramas, logotipos e imagens com poucas cores. Ele preserva contornos nítidos e permite áreas transparentes.
Uma regra simples
Fotos e retratos: JPEG.
Diagramas, capturas de tela, documentos e logotipos: PNG.