Imagens, documentos e dados
Como comprimir imagens sem deixá-las borradas
Reduza o arquivo escolhendo dimensões, formato e qualidade na ordem correta.
Resposta rápida
Escolha dimensões antes do formato e qualidade. O compressor mantém as dimensões em píxeis; use Imagens de produtos para redimensionar primeiro. A caneca é uma amostra fictícia gerada por IA, não uma fotografia original nem um produto real.
Passo a passo
Abra mug-source.png, escolha JPEG e qualidade equilibrada e descarregue. Repita com WebP a partir do mesmo original. As referências têm 1254 × 1254: PNG 1.806.784 bytes, JPEG 98.914 e WebP 47.638. Foram codificadas por canvas de software com qualidade 80; o navegador pode produzir outros tamanhos.
Erros comuns
Esta imagem opaca de estilo fotográfico não representa logótipos nem capturas. JPEG perde transparência, substituída aqui por branco. A qualidade PNG não funciona como JPEG; um ficheiro otimizado pode crescer. Não comprima sucessivamente o último JPEG.
Verificação final
Compare a 100% os pontos da caneca, a borda da asa e a sombra. Confira dimensões, formato, orientação e bytes, depois avalie no tamanho da loja. Escolha o menor resultado visualmente aceitável. A tabela descreve estas amostras, não uma taxa universal.
Decidir com um exemplo
O detalhe importante define o formato
Textura de produto, letras pequenas e bordas transparentes pedem comparações diferentes. Exporte sempre do mesmo original, não de uma cópia já comprimida.
| O que verificar | Exemplo ou ação | Como avaliar o resultado |
|---|---|---|
| Foto com fundo opaco | Compare JPEG e WebP da caneca nas mesmas dimensões. | A 100%, confira alça, pontos da cerâmica e sombra. Menos bytes só ajudam se o detalhe continuar aceitável. |
| Logo transparente | Compare PNG e WebP, evitando JPEG. | Coloque o download sobre fundo colorido; fundo branco não comprova transparência. |
| Captura ou texto pequeno | Comece com PNG e compare WebP no tamanho de uso. | Rejeite halos ou letras borradas apesar da economia de espaço. |
Exemplo prático
Os exemplos Boundarysline usam dados fictícios. Baixe-os para seguir as etapas; não são registros de clientes nem resultados certificados.
| mug-source.png | 1254 × 1254 | 1,806,784 B |
|---|---|---|
| mug-balanced.jpg | 1254 × 1254 | 98,914 B |
| mug-small.webp | 1254 × 1254 | 47,638 B |