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
Um PNG pode ficar maior ao redimensionar porque o tamanho depende da compressão dos padrões. A interpolação cria novas cores nas bordas e o navegador pode usar outra estratégia de compressão. Menos pixels não garante menos bytes. Um PNG otimizado ou com paleta pode virar uma exportação de cor completa maior.
Um exemplo passo a passo
Redimensione um gráfico de 640 × 480 para 320 × 240 e compare os bytes exatos. Se ficar maior, ative a otimização PNG sem perda e processe novamente a partir do original. O arquivo otimizado só é usado quando fica menor que a exportação nativa.
- 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
O controle de qualidade JPEG não comprime PNG neste editor. Se a otimização não bastar, restam menos pixels ou uma mudança deliberada de formato. Preserve a transparência quando precisar: JPEG a remove.
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.
Compare a codificação, não só os pixels
Um PNG de paleta otimizado e uma saída de cores completas não armazenam da mesma forma. Reamostrar introduz cores intermediárias nas bordas. Anote dimensões e bytes da origem e saída. Se pixels diminuem e tamanho aumenta, pode ser a representação; não prova que a mudança de tamanho falhou.
Use a otimização como segundo passo controlado. Confira os pixels e a economia real. Se o destino aceitar outro formato, teste separadamente e confira alfa e letras. Se PNG for obrigatório, respeite e reduza dimensões somente quando permitido.
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.
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.
Pixels descrevem a imagem; bytes descrevem o arquivo
Uma imagem de 1920 × 1080 tem 2073600 pixels, seja JPEG, PNG ou WebP. Esse número descreve a grade decodificada. Os bytes do download descrevem sua representação comprimida. Uma ilustração plana e uma foto granulada podem ter dimensões iguais e tamanhos muito diferentes. Textura, ruído, alfa e ajustes de codificação mudam os dados que o codificador precisa guardar.
Essa diferença explica duas surpresas comuns. Uma imagem reduzida pode ficar maior ao ser recodificada com outros ajustes. Um arquivo comprimido pequeno pode exigir bastante memória quando decodificado. Avalie dimensões, bytes e detalhe visual separadamente. Nenhuma dessas medidas substitui as outras duas.
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.
- PNG
- Uma saída compatível sem perdas que aceita canal alfa.
- Tamanho em bytes
- Os dados do arquivo codificado, medidos depois do processamento.
- Dimensões em pixels
- A largura e a altura da grade decodificada.
- Canal alfa
- A opacidade de cada pixel, incluindo bordas semitransparentes.
- 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.
- Qualidade de codificação
- Um ajuste JPEG/WebP que equilibra compressão e artefatos visíveis.
- Qualidade de codificação influencia o Tamanho em bytes.
- 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