Converter PNG para Base64
PNG (Portable Network Graphics) é o formato padrão para imagens que requerem transparência ou compressão sem perdas: ícones, logos, elementos de UI, capturas de tela e gráficos com texto. Esta ferramenta codifica arquivos PNG em strings Base64 adequados para incorporação em HTML, CSS ou payloads de API.
Como Usar
- Solte um arquivo PNG na área de upload ou clique para navegar
- A imagem é lida localmente e codificada para Base64
- Selecione seu formato de saída: Base64 puro, data URI ou CSS background
- Copie o resultado
Por que PNG para Incorporação Base64
Transparência
PNG suporta transparência de canal alfa completo. Quando você incorpora um logo ou ícone como data URI Base64, a transparência é preservada. JPEG não suporta transparência.
Qualidade sem perdas
Capturas de tela, diagramas e imagens com bordas de texto nítidas ficam melhores em PNG que em JPEG porque a compressão sem perdas do PNG preserva cada pixel.
Gráficos pequenos
PNG com otimização de paleta pode produzir arquivos muito pequenos para gráficos simples. Um favicon 16x16 pode ter 400 bytes como PNG.
Tamanho de Arquivo PNG e Saída Base64
| Tipo de imagem | Tamanho típico PNG | Saída Base64 |
|---|---|---|
| Ícone 16x16 | 0,3-1 KB | 0,4-1,3 KB |
| Favicon 32x32 | 1-3 KB | 1,3-4 KB |
| Logo 200x200 | 5-30 KB | 6,7-40 KB |
| Captura 1920x1080 | 500 KB-3 MB | 667 KB-4 MB |
Para ícones e favicons, incorporar como Base64 é quase sempre a escolha certa.
Otimizando antes de codificar
Execute seu PNG por um otimizador (pngquant, optipng ou tinypng) antes da codificação Base64. Um PNG bem otimizado pode ser 50-80% menor que o original.
PNG Base64 em Sprites CSS
.icon-home {
background-image: url(data:image/png;base64,iVBOR...);
width: 16px;
height: 16px;
}
.icon-settings {
background-image: url(data:image/png;base64,iVBOR...);
width: 16px;
height: 16px;
}
Sintaxe Data URI
data:image/png;base64,iVBORw0KGgoAAAANSUhEUg...
Para outros formatos, veja JPG para Base64, SVG para Base64, WebP para Base64 ou o conversor geral Imagem para Base64. Para reverter o processo, use Base64 para Imagem.