DevBentoConvertidor de PNG a Base64
Convierte imagenes PNG a strings Base64 preservando la transparencia. Salida data URI, CSS background o Base64 plano. 100% del lado del cliente, sin servidor.
Drag & drop files here
or click to browse. Select multiple files at once. (max 50 MB each)
Convertir PNG a Base64
PNG (Portable Network Graphics) es el formato estándar para imagenes que requieren transparencia o compresión sin perdida: iconos, logos, elementos de UI, capturas de pantalla y graficos con texto. Esta herramienta codifica archivos PNG en strings Base64 para incrustar en HTML, CSS o cargas de API.
Como Usarlo
- Suelta un archivo PNG en el área de carga o haz clic para examinar
- La imagen se lee localmente y se codifica a Base64
- Selecciona tu formato de salida: Base64 plano, data URI o CSS background
- Copia el resultado
Por qué PNG para Incrustación Base64
PNG es la opción natural para imagenes incrustadas con Base64 en varios escenarios:
Transparencia
PNG soporta transparencia de canal alfa completo. Cuándo incrustas un logo o icono como data URI Base64, la transparencia se preserva. JPEG no soporta transparencia en absoluto, por lo que cualquier imagen que requiera fondo transparente debe usar PNG (o SVG/WebP).
Calidad sin perdida
Las capturas de pantalla, diagramas e imagenes con bordes de texto nitidos se ven mejor en PNG que en JPEG porque la compresión sin perdida de PNG preserva cada píxel. La compresión con perdida de JPEG crea artefactos alrededor de bordes nitidos, especialmente en texto y líneas finas.
Graficos pequenos
PNG con optimización de paleta puede producir archivos muy pequenos para graficos simples. Un favicon de 16x16 puede pesar 400 bytes como PNG, muy por debajo del umbral donde la incrustación Base64 tiene sentido.
Tamaño de Archivo PNG y Salida Base64
Los archivos PNG varian mucho según el contenido:
| Tipo de imagen | Tamaño típico PNG | Salida Base64 |
|---|---|---|
| Icono 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 |
En tamaños de icono y favicon, incrustar como Base64 es casi siempre la decisión correcta. Para logos, depende de cuantas páginas usen la imagen (cache vs. duplicación Base64).
Transparencia en PNG
El canal alfa en PNG permite 256 niveles de opacidad por píxel. Esto permite bordes suaves, anti-aliasing y sombras paralelas. Cuándo conviertes un PNG con transparencia a Base64 y lo usas como data URI, todos los niveles de transparencia se preservan exactamente.
Los navegadores renderizan los data URIs PNG con transparencia correctamente en todos los contextos: etiquetas img, propiedades CSS background y el elemento canvas.
Nothing you paste leaves this tab. Every tool runs entirely in your browser — no upload, no server, no account.