Exportar fotos para web: reduzir o peso sem perder qualidade

Exportar fotos para web: reduzir o peso sem perder qualidade

Exportar fotos para web significa ajustar tamanho, formato e compressão para que suas imagens carreguem rápido sem perder qualidade. Siga estes passos: redimensione conforme o uso, use sRGB, escolha WebP ou JPEG conforme a compatibilidade, e aplique uma compressão medida (JPEG qualidade 70–80 ou WebP 75–85).

Qual formato devo usar: JPEG, WebP ou AVIF?

O formato determina o tamanho e a compatibilidade. JPEG continua sendo a opção mais segura. WebP costuma gerar arquivos 25–35% menores que JPEG com a mesma qualidade visual. AVIF pode economizar entre 30–50% em relação ao JPEG, mas sua compatibilidade com alguns navegadores e ferramentas ainda é variável.

Recomendação rápida: exporte em WebP para galerias de usuários e em JPEG para e-mails ou servidores que não suportam WebP. Mantenha uma cópia mestre em TIFF ou RAW para edição futura.

Ajustes concretos conforme o uso

Cada site usa tamanhos diferentes. Ajuste a resolução conforme a função da imagem antes de comprimir.

  • Hero ou banner: 2000–2400 px de largura; WebP qualidade 80; objetivo ~300–600 KB.
  • Imagem de entrada no artigo: 1200–1600 px; JPEG qualidade 75–80 ou WebP 80; objetivo ~100–300 KB.
  • Miniaturas: 300–400 px; WebP qualidade 75; objetivo 10–50 KB.
  • Redes sociais: 1200×630 px (Facebook/Twitter) ou 1080×1350 px (Instagram vertical); sRGB e qualidade 80.

Não use 300 DPI para web; o DPI só importa para impressão. Salve sempre em sRGB para evitar mudanças de cor nos navegadores.

Passos práticos: fluxo rápido em 6 pontos

  1. Exporte desde seu arquivo master: redimensione para a largura necessária.
  2. Aplique “output sharpening” para tela (Lightroom: Amount 0.5–1 conforme o tamanho).
  3. Converta para sRGB se seu arquivo estiver em ProPhoto ou Adobe RGB.
  4. Escolha o formato: WebP para galerias, JPEG para compatibilidade máxima, AVIF para arquivos ultraleves quando o navegador suportar.
  5. Use compressão: JPEG qualidade 75–80; WebP qualidade 75–85.
  6. Teste visual: compare versão original e comprimida a 100% e em escala real no celular.

Ferramentas grátis e pagas que uso

Squoosh (web) permite ver antes/depois e converter para WebP ou AVIF. ImageOptim (Mac) ou FileOptimizer (Windows) removem metadados e aplicam compressão sem perder qualidade visível. Photoshop: Export As e Save for Web continuam úteis para ajustes rápidos; veja também Natural Light Fashion Shoots: 7 Steps to Better Portraits. A exportação do Lightroom com preset mantém consistência em lotes.

Otimização avançada: CDN, lazy-load e responsive

Usar um CDN reduz o tempo de entrega para usuários em diferentes regiões. Implemente lazy-load para imagens fora da tela e sirva imagens responsivas com srcset para que o navegador baixe a melhor variante. Essas duas práticas costumam reduzir o tráfego de imagens em até 50% em sites de notícias ou portfolios.

Exemplo real: galerias locais

Se você subir galerias de eventos em plataformas locais, como Localcine (por exemplo, Casa Primavera – Localcine e Galeria Ricardo Von Brusky – Localcine), esse fluxo reduz o tamanho médio por foto de 2.5 MB a 200–400 KB sem perda apreciável. Menos peso acelera o carregamento em celulares e reduz abandonos em páginas com muitas fotos.

Checklist rápido antes de subir

  • Redimensionar para a largura necessária.
  • Converter para sRGB.
  • Exportar em WebP ou JPEG com a qualidade recomendada.
  • Remover metadados desnecessários se você não precisar deles.

Perguntas frequentes

Vou perder detalhes finos se usar WebP? Não, se ajustar a qualidade e testar a 100%; em paisagens com muito contraste, compressões demasiadamente agressivas podem reduzir detalhes finos.

Devo sempre salvar em AVIF? Mantenha a maestra em RAW/TIFF e exporte em AVIF apenas se o público usar navegadores que o suportam e seu stack oferecer suporte.

Minha recomendação final

Para a maioria dos sites, exportar fotos para web em WebP qualidade 80 e oferecer um fallback em JPEG qualidade 75 cobre compatibilidade e velocidade. Mantenha um arquivo mestre e automatize o processo com presets ou scripts para evitar erros manuais.

Se quiser, posso revisar três imagens e devolver versões otimizadas com os ajustes que eu uso nas minhas galerias (para vídeo, veja Como filmar um curta com smartphone para festivais).

Rolar para cima