Otimização de imagens para a web
A velocidade de carregamento é crítica para UX e SEO. Imagens representam 50-80% do tamanho da página.
Formatos de imagem
JPEG
Ideal para fotos e imagens complexas. Compressão com perda. Sem transparência.
PNG
Para logos, ícones e imagens com transparência. Compressão sem perda. Maior que JPEG.
WebP
Formato moderno. 25-34% menor que JPEG. Compressão com e sem perda, transparência.
Dicas de otimização
- Escolher formato correto: foto = JPEG/WebP, logo = PNG/SVG
- Redimensionar: envie no tamanho de exibição
- Comprimir: qualidade 70-85%
- Lazy loading para imagens abaixo da dobra
- CDN para distribuição global
Tamanhos recomendados
- Imagem blog: 1200x630px
- Miniatura: 300x200px
- Banner hero: 1920x600px
- Foto produto: 800x800px
Conclusão
A otimização melhora significativamente o desempenho. PdfMetric oferece compressão, redimensionamento e conversão gratuitos.