Um guia prático para sua próxima decisão
Um guia prático sobre tamanho, composição e peso de imagens. Leia do começo ao fim ou vá direto à decisão que você precisa tomar.
Exemplo e arquivos de teste
A transparência fica no canal alfa. Um pixel transparente não é branco, e bordas semitransparentes precisam de reamostragem adequada para evitar halos escuros. Mantenha PNG ou escolha WebP se o destino aceitar transparência. JPEG não tem canal alfa: a exportação combina a imagem com a cor de fundo escolhida.
Um exemplo passo a passo
Um gráfico transparente de 640 × 480 vira 320 × 240 ao definir largura 320. Com PNG e transparência ativada, os cantos vazios continuam transparentes. Para um quadrado de 600 × 600 sem ampliar, escolha margens: o original se ajusta a 600 × 450.
- Abra a ferramenta indicada e escolha uma imagem compatível. Confira as dimensões e os bytes originais antes de mudar os ajustes.
- Defina as dimensões e o modo de ajuste para o destino. Permita ampliar apenas se aceitar que isso não recupera detalhes perdidos.
- Processe a imagem, alterne entre Original e Resultado e confira pixels e bytes exatos. Se não atender ao limite, mude uma restrição permitida e repita.
Confira antes de baixar
PNG não tem aqui um controle de qualidade equivalente ao JPEG. Se ficar grande demais, teste a otimização opcional sem perda ou reduza as dimensões. Confira as bordas semitransparentes em fundos claros e escuros.
Teste os arquivos
A ilustração geométrica original e suas exportações fazem parte deste projeto. São arquivos reais, não estimativas de economia. Os exemplos usam qualidade JPEG 85. Suas imagens terão outros tamanhos: compare tanto os detalhes quanto os bytes.
| Resultado | Largura × Altura | Tamanho do arquivo |
|---|---|---|
| Original | 4032 × 3024 | 225354 bytes |
| Testar uma imagem de exemplo | 1200 × 900 | 36438 bytes |
| Ajustar aos limites | 1440 × 1080 | 41113 bytes |
| Preencher e recortar | 1920 × 1080 | 44272 bytes |
| Adicionar margens | 1920 × 1080 | 44602 bytes |
Escolha o próximo passo
As imagens exportadas removem EXIF, GPS e XMP. O processamento usa SDR/sRGB.
Confira opacidade e aparência separadamente
Uma imagem transparente pode parecer branca porque o visualizador usa fundo branco. Isso não prova que o alfa foi achatado. Um canto branco opaco pode parecer igual. Teste o PNG sobre um fundo contrastante ou em um visualizador de transparência. Confira bordas suaves: elas têm opacidade parcial, não só transparente ou opaco.
Use o original transparente em cada teste. Se um JPEG anterior já combinou a arte com fundo sólido, escolher PNG não recupera alfa. Redimensione da fonte com transparência ativada e compare bordas claras e escuras. O arquivo pequeno serve somente se funcionar no layout previsto.
Transparência exige escolher formato e fundo
Espaço transparente não é branco. O canal alfa registra a opacidade de cada pixel, incluindo bordas suaves de um logo ou desenho. PNG e WebP estático podem preservá-lo. JPEG não: a imagem precisa ser combinada com um fundo. Escolha esse fundo de forma deliberada, principalmente se a página final for escura ou a arte tiver letras claras.
Confira as bordas sobre superfícies claras e escuras. Um logo correto sobre branco pode mostrar halos sobre azul escuro. As margens oferecem a mesma escolha: espaço transparente ou cor escolhida. Depois de achatar o alfa em um arquivo opaco, voltar para PNG não reconstrói a transparência perdida. Use novamente o original transparente.
Por que um PNG reduzido pode ficar maior
Redimensionar muda os valores dos pixels em bordas e degradês. Um original compacto pode usar uma paleta, enquanto a exportação do navegador usa uma representação de cores mais completa. O original também pode estar muito otimizado. Menos pixels não garantem menos bytes. Compare os tamanhos reais em vez de deduzir a economia pela porcentagem da escala.
Teste a otimização opcional sem perdas quando precisar de PNG. “Sem perdas” se refere a otimizar o PNG já exportado, preservando seus pixels decodificados. Não desfaz as mudanças do redimensionamento nem garante reduzir todos os arquivos. Se o tamanho não melhorar, manter a saída nativa válida é preferível a anunciar uma economia inexistente.
Um arquivo quadrado não obriga a recortar
Margens mudam a tela e preservam a foto inteira. Servem para cartões de catálogo, prévias de arte e layouts em que todos os arquivos precisam da mesma forma externa. Preencher muda a composição para ocupar essa forma. Ambos produzem 1080 × 1080, mas só as margens mantêm todas as bordas. Decida se prefere espaço vazio ou conteúdo removido.
Um retrato de 1200 × 1800 em 1080 × 1080 vira 720 × 1080, com 180 px de cada lado. Um original de 600 × 400 mantém seu tamanho se você não permitir ampliar; em um quadrado de 1080 deixa 240 px horizontais e 340 px verticais. Isso pode ser o resultado correto. Uma tela maior não recupera detalhes ausentes.
Os conceitos desta página
Estas relações explicam por que mudar um ajuste pode afetar outro. Use-as para identificar qual requisito importa mais para sua imagem.
- Canal alfa
- A opacidade de cada pixel, incluindo bordas semitransparentes.
- PNG
- Uma saída compatível sem perdas que aceita canal alfa.
- JPEG
- Uma saída fotográfica compatível, com perdas e sem transparência.
- WebP estático
- Um formato estático compatível com transparência e qualidade de saída ajustável.
- Margens
- Espaço adicionado ao redor de uma imagem que mantém sua proporção.
- Tamanho em bytes
- Os dados do arquivo codificado, medidos depois do processamento.
- Dimensões em pixels
- A largura e a altura da grade decodificada.
- Tela de saída
- O retângulo exportado completo, incluindo margens.
- Proporção
- A relação entre largura e altura, como 4:3 ou 16:9.
- Dimensões em pixels determinam a proporção expressa por Proporção.
- Margens adiciona espaço à Tela de saída.
- JPEG achata em vez de preservar o Canal alfa.
- PNG pode preservar o Canal alfa.
- WebP estático pode preservar o Canal alfa.
Perguntas importantes antes de exportar
Por que o logo transparente ganhou fundo sólido?
JPEG não preserva alfa, e desativar transparência achata a imagem. Escolha PNG ou WebP estático com transparência a partir do original. Voltar de JPEG opaco para PNG não recupera alfa.
Por que um PNG menor pesa mais que o original?
Reamostragem, paleta e ajustes mudam a eficiência. Compare bytes e teste otimização sem perdas. Menos pixels não garantem um arquivo menor.
Qualidade 100 significa exportação sem perdas?
Não. JPEG a 100 continua sendo um ajuste, não garante pixels idênticos. Redimensionar também muda a grade. Preserve o original quando precisar de um arquivo intacto.
Fontes e como conferir os exemplos
Os exemplos numéricos vêm de cálculos geométricos e arquivos sintéticos do projeto. Valores hipotéticos ilustram regras; medidas dos downloads correspondem àqueles arquivos. As referências explicam formatos e exportação do navegador, não garantem economia nem aceitação externa.
Pronto para preparar sua imagem?
Guarde o original, escolha um requisito claro e confira o arquivo exportado. Um resultado útil atende às regras do destino e mantém os detalhes importantes.
Voltar às ferramentas