Qual DPI devo usar ao exportar PNG para web?

DPI não afeta a renderização em navegadores, que usam pixels. Mantenha 72/96 apenas se a ferramenta exigir; priorize o tamanho em px correto.

Devo incorporar o perfil de cor ICC no PNG?

Converta para sRGB e, se necessário, incorpore o perfil sRGB. Perfis fora de sRGB podem ter suporte desigual e aumentam o tamanho do arquivo.

Quando usar PNG‑8 versus PNG‑24/32?

Use PNG‑8 (paleta, até 256 cores) para ícones simples e áreas chapadas. PNG‑24 (RGB) para imagens opacas; PNG‑32 (RGBA) quando precisar de transparência.

Devo ativar o interlace (Adam7)?

Na web, geralmente não. O interlace aumenta o tamanho e traz pouco ganho. Considere apenas para imagens grandes em conexões lentas.

Como evitar halo ou serrilhado nas bordas?

Exporte com antialiasing correto, evite matte inadequado, adicione 1–2 px de margem e teste sobre fundos claros e escuros.

Como reduzir o tamanho do PNG sem perder qualidade?

Ajuste filtros e compressão, remova metadados, reduza profundidade de bits ou use paleta quando aplicável e otimize com ferramentas sem perdas.

PNG é melhor que JPEG em quais casos?

PNG é ideal para gráficos, texto e transparência; JPEG para fotos e gradientes com melhor compressão. Escolha pelo conteúdo e necessidade de alfa.

O que é APNG e quando usar?

APNG é PNG animado. Navegadores modernos suportam, mas nem todas as ferramentas exportam e os arquivos tendem a ser maiores. Use apenas quando necessário.

Checklist de exportação de PNG: guia rápido e prático

Jump to section

Overview

Exportar PNG parece simples, mas decisões erradas geram arquivos pesados, cores inconsistentes e bordas com halo. Este checklist reúne práticas essenciais para garantir nitidez, peso otimizado e compatibilidade em web, apps e interfaces.

Você verá quando usar PNG em vez de JPEG ou SVG, como acertar tamanho em pixels e resoluções @1x/@2x/@3x, configurar cor e profundidade de bits, tratar transparência e escolher a compressão adequada. Aplique os passos abaixo como rotina de exportação.

Para quem é este checklist

Designers que exportam ícones, logos e ilustrações para web.

Desenvolvedores focados em performance e imagens responsivas.

Equipes de marketing que precisam de criativos nítidos e leves.

Fotógrafos que entregam PNGs com transparência e qualidade.

O que você vai obter

✓

Critérios claros para exportar PNGs nítidos e leves.

✓

Configurações recomendadas de cor, bit depth e compressão.

✓

Checklist prático para web, app, impressão leve e UI.

✓

Passos para evitar halos, serrilhado e perfis incorretos.

Key Takeaways

Actionable points curated for this category.

Exporte no tamanho exato em pixels

Defina versões @1x/@2x/@3x conforme densidade; evite redimensionamento no código. DPI não afeta a web, foque em pixels.

Garanta transparência sem halos

Use antialiasing correto e evite matte inadequado. Adicione 1–2 px de padding e valide sobre fundos claros e escuros.

Use sRGB e gerencie perfis

Converta para sRGB antes de exportar. Incorpore o perfil apenas quando necessário e teste para evitar mudanças de cor.

Escolha a profundidade e a paleta

Para UI, RGBA 8 bits é o padrão. Use paleta (PNG‑8) em gráficos simples e evite 16 bits salvo demanda específica.

Otimize sem perdas

Ajuste filtros e nível de compressão, remova metadados desnecessários e reduza a paleta quando possível para baixar o peso.

Decida sobre interlace

Desative Adam7 para a maioria dos casos na web. Ative apenas para pré-visualização progressiva em imagens grandes.

Checklist de exportação de PNG

Para quem é este checklist

Designers que exportam ícones, logos e ilustrações para web.

Desenvolvedores focados em performance e imagens responsivas.

Equipes de marketing que precisam de criativos nítidos e leves.

Fotógrafos que entregam PNGs com transparência e qualidade.

O que você vai obter

Critérios claros para exportar PNGs nítidos e leves.

Configurações recomendadas de cor, bit depth e compressão.

Checklist prático para web, app, impressão leve e UI.

Passos para evitar halos, serrilhado e perfis incorretos.

Featured Articles

Assets com fundo transparente que atendem marketplaces uma checklist simples de exportação

All Articles

Assets com fundo transparente que atendem marketplaces uma checklist simples de exportação

Key Takeaways

Exporte no tamanho exato em pixels

Garanta transparência sem halos

Use sRGB e gerencie perfis

Escolha a profundidade e a paleta

Otimize sem perdas

Decida sobre interlace

FAQ

Qual DPI devo usar ao exportar PNG para web?

Devo incorporar o perfil de cor ICC no PNG?

Quando usar PNG‑8 versus PNG‑24/32?

Devo ativar o interlace (Adam7)?

Como evitar halo ou serrilhado nas bordas?

Como reduzir o tamanho do PNG sem perder qualidade?

PNG é melhor que JPEG em quais casos?

O que é APNG e quando usar?

Create better visuals faster with Pixflux.AI

Checklist de exportação de PNG

Para quem é este checklist

Designers que exportam ícones, logos e ilustrações para web.

Desenvolvedores focados em performance e imagens responsivas.

Equipes de marketing que precisam de criativos nítidos e leves.

Fotógrafos que entregam PNGs com transparência e qualidade.

O que você vai obter

Critérios claros para exportar PNGs nítidos e leves.

Configurações recomendadas de cor, bit depth e compressão.

Checklist prático para web, app, impressão leve e UI.

Passos para evitar halos, serrilhado e perfis incorretos.

Featured Articles

Assets com fundo transparente que atendem marketplaces uma checklist simples de exportação

All Articles

Assets com fundo transparente que atendem marketplaces uma checklist simples de exportação

Key Takeaways

Exporte no tamanho exato em pixels

Garanta transparência sem halos

Use sRGB e gerencie perfis

Escolha a profundidade e a paleta

Otimize sem perdas

Decida sobre interlace

FAQ

Qual DPI devo usar ao exportar PNG para web?

Devo incorporar o perfil de cor ICC no PNG?

Quando usar PNG‑8 versus PNG‑24/32?

Devo ativar o interlace (Adam7)?

Como evitar halo ou serrilhado nas bordas?

Como reduzir o tamanho do PNG sem perder qualidade?

PNG é melhor que JPEG em quais casos?

O que é APNG e quando usar?

Related Categories

Create better visuals faster with Pixflux.AI