Sim. Transparência é um recurso central do PNG (Portable Network Graphics).
Como Funciona
- Canal Alfa: PNG suporta alfa de 8 bits (256 níveis de opacidade) por pixel — não apenas ligado/desligado binário como GIF.
- Tipos de Cor:
- Tipo 0: Escala de cinza
- Tipo 2: Truecolor (RGB)
- Tipo 3: Cor indexada (paleta) — com chunk tRNS para transparência 1-bit ou alfa de paleta.
- Tipo 4: Escala de cinza + Alfa
- Tipo 6: Truecolor + Alfa (RGBA) — padrão para transparência total.
- Sem Perdas: Compressão (DEFLATE) preserva valores exatos dos pixels — sem bordas serrilhadas por quantização.
Comparação com Outros Formatos
| Formato | Transparência | Qualidade |
|---|
| PNG | Alfa total (256 níveis) | Sem perdas |
| GIF | 1-bit (ligado/desligado) via tRNS | Sem perdas (limite 256 cores) |
| JPEG | Nenhuma | Com perdas |
| WebP | Alfa total | Sem perdas ou com perdas |
| AVIF | Alfa total | Sem perdas ou com perdas (melhor compressão) |
| SVG | Vetorial (inerente) | Resolução infinita |
Armadilhas Comuns
- Configurações de Exportação: No Photoshop: "Salvar Como → PNG → Transparência ✓" ou "Exportar Como → PNG → Transparência ✓". Não use "Salvar para Web (Legado)" → JPEG.
- Camada de Fundo: Exclua/oculte a camada de fundo antes de exportar.
- Cor de Preenchimento (Matte): Algumas ferramentas adicionam matte (branco padrão) se achatar — evite.
- Navegador/Visualizador: Todos navegadores modernos renderizam alfa PNG corretamente. IE6 antigo precisava de hack de filtro.
Use PNG para: Logos, ícones, elementos de UI, capturas de tela, diagramas, qualquer raster com transparência. Use WebP/AVIF para entrega web (arquivos menores).
