Otimizacao de imagem para web

Comprimir imagens para o seu site

Imagens pesadas sao uma das causas mais comuns de paginas lentas. Esta pagina explica como deixar fotos no peso ideal para o site, CMS ou tema antes de publica-las.

Otimizacao de imagem para web

Faca suas paginas carregarem mais rapido

Por que imagens pesadas deixam a pagina lenta

Toda imagem da pagina precisa ser baixada antes de aparecer, e uma foto sem otimizacao, direto da camera ou do celular, pode ser muitas vezes maior do que a pagina realmente precisa exibir.

Como otimizar uma imagem para a web

Adicione a imagem, mude o formato de saida para WebP se a sua plataforma aceitar, ajuste a qualidade para a faixa 75-85 e compare a preview antes de exportar o arquivo otimizado.

Qual deve ser o tamanho das imagens de um site?

Nao existe um numero unico, mas a maioria das imagens de site se beneficia de ser redimensionada para o tamanho em que aparece de fato e comprimida em uma qualidade onde a diferenca nao e visivel — fazer as duas coisas junto traz o maior ganho.

FAQ

FAQ sobre comprimir imagem para site

Comprimir uma imagem muda as dimensoes dela?
Nao — a compressao so muda a codificacao. Se a imagem ainda aparecer maior do que o espaco que ocupa na pagina, redimensione tambem para o tamanho real de exibicao.
Qual a diferenca entre comprimir um JPG e um PNG?
Para fotos, JPG ou WebP em uma qualidade moderada geram os arquivos mais leves. PNG nao tem perdas e funciona melhor para logos, icones e graficos com bordas nitidas ou transparencia, nao para fotos.
Posso comprimir varias imagens de uma vez?
Sim — selecione todas as imagens de uma pagina ou secao, aplique um ajuste de qualidade e exporte juntas para manter o mesmo padrao visual e de peso no site.
Existe limite de quantas imagens posso comprimir de graca?
Nao. Tudo roda localmente no navegador, entao voce pode otimizar todo o banco de imagens do site sem conta nem custo por imagem.