Base64 Encode/Decode

Conversor de PNG para Base64: Codifique Imagens PNG Online

Converta imagens PNG para strings Base64 com transparência preservada. Saída como data URI, CSS background ou Base64 puro. 100% do lado do cliente, sem upload.

100% no navegador. Seus dados nunca saem do seu computador.

🖼️

Arraste e solte um arquivo PNG aqui

ou clique para navegar (máx 50 MB)

Ferramentas Relacionadas

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

  1. Solte um arquivo PNG na área de upload ou clique para navegar
  2. A imagem é lida localmente e codificada para Base64
  3. Selecione seu formato de saída: Base64 puro, data URI ou CSS background
  4. 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 imagemTamanho típico PNGSaída Base64
Ícone 16x160,3-1 KB0,4-1,3 KB
Favicon 32x321-3 KB1,3-4 KB
Logo 200x2005-30 KB6,7-40 KB
Captura 1920x1080500 KB-3 MB667 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.