📚 EVEDAYS Guide Book
[Otimização de imagens]•6 min de leitura

Como reduzir o tamanho de imagens: primeiro redimensione, depois comprima

1. A ordem determina o resultado


A maioria das pessoas vai primeiro ao controle de qualidade. A ordem eficaz é a oposta.

  • Redimensione para as dimensões em que a imagem é realmente exibida

  • Escolha o formato certo

  • Só então ajuste o valor de qualidade


  • Se uma foto de 4000 px de largura é exibida a 800 px, os outros 3200 px carregam bytes sem contribuir com nada visível. Reduzir a largura para um quinto reduz o número de pixels para um vinte e cinco avos. Nenhum ajuste de qualidade entrega uma economia dessa magnitude.

    2. Com perda versus sem perda


  • Sem perda (PNG, WebP sem perda): os pixels originais são restaurados com exatidão. Ideal para capturas de tela, diagramas e imagens com texto.

  • Com perda (JPEG, WebP com perda, AVIF): descarta as informações a que o olho é menos sensível. Ideal para fotografias.


  • A compressão com perda é irreversível. Salvar um JPEG de novo acumula perda a cada geração. Guarde o original e comprima uma cópia.

    3. Escolhendo o formato


    | Formato | Melhor para | Observações |
    |---|---|---|
    | JPEG | Fotografias | Suporte universal, sem transparência |
    | PNG | Capturas de tela, logos, diagramas | Sem perda, transparência, grande demais para fotos |
    | WebP | A maioria das imagens da web | 25–35% menor que JPEG, suporta transparência e animação |
    | AVIF | Fotografias | Menor que WebP, codificação mais lenta |

    Salvar uma captura de tela em JPEG é um erro comum: as bordas do texto ganham artefatos visíveis e o arquivo nem fica muito menor que em PNG.

    4. Até onde baixar a qualidade


    Para JPEG e WebP, a faixa de 0.75–0.85 é o ponto de equilíbrio na prática.

  • Acima de 0.9: arquivos bem maiores com ganho quase invisível

  • 0.75–0.85: a perda é difícil de notar na maioria das fotos

  • Abaixo de 0.6: surgem faixas (banding) em degradês suaves, como céu ou pele


  • A resposta certa varia de imagem para imagem, então compare visualmente no tamanho real de exibição.

    5. Compressão e privacidade


    Fotos de celular carregam metadados EXIF: horário da captura, modelo do aparelho e — dependendo das configurações — coordenadas de GPS. Publicar uma foto tirada em casa pode revelar sua localização.

    Compressores que redesenham a imagem por meio de um canvas geralmente descartam o EXIF. O comportamento varia entre ferramentas, então confira as propriedades do arquivo gerado quando isso for importante.

    6. O lado do desempenho na web


    A maior imagem de uma página costuma ser o elemento de LCP, o que significa que o peso da imagem é o tempo de carregamento percebido.

  • Prepare no máximo o dobro do tamanho exibido para telas de alta densidade.

  • Adicione loading="lazy" às imagens abaixo da primeira dobra.

  • Defina width e height para evitar mudanças de layout (CLS).


  • 7. Ferramenta


    O Compressor de imagens EVEDAYS comprime e converte entre PNG, JPG e WebP dentro do navegador. Sem etapa de upload, o arquivo nunca fica exposto durante a transmissão — embora isso não proteja contra malware que já esteja no seu dispositivo.

    8. Fontes


  • web.dev — Optimize images

  • MDN — Image file type and format guide
  • EVEDAYS Editorial Team