PNG a Base64

Codifique imágenes PNG como URI de datos Base64, al instante, en su navegador.

Drag & drop your PNG file here, or click to choose. Everything runs in your browser — nothing is uploaded.

Base64 output

Este codificador gratuito de PNG a Base64 convierte su imagen en un URI de datos que puede pegar directamente en HTML, CSS, JSON o una plantilla de correo electrónico, sin alojamiento ni solicitud HTTP adicional. Los bytes se leen y codifican localmente, por lo que el archivo nunca se carga y puede copiar el resultado como una cadena Base64 sin formato, un URI de datos, una regla de fondo CSS o una etiqueta img completa.

Preguntas frecuentes

¿Cómo convierto un PNG a Base64?

Suelte el archivo en el cuadro de arriba y la salida codificada aparecerá inmediatamente, junto con una vista previa. Elija el estilo de salida que necesita (Base64 simple, un URI de datos, una regla de imagen de fondo CSS o una etiqueta img HTML) y luego cópielo o descárguelo como un archivo de texto.

¿Mis archivos se cargan en un servidor?

No. El archivo se decodifica y se vuelve a codificar directamente en su navegador mediante JavaScript y WebAssembly, y nunca sale de su dispositivo. Eso es lo que lo hace seguro para fotos privadas, trabajo de clientes y cualquier cosa confidencial, y es por eso que la herramienta sigue funcionando con su red desconectada una vez que la página se ha cargado.

¿Por qué la versión Base64 es más grande que mi imagen?

Base64 representa cada 3 bytes usando 4 caracteres, por lo que el texto codificado siempre es aproximadamente un 33% más grande que el archivo original, más el prefijo URI de datos. Ese intercambio vale la pena para activos pequeños como íconos y logotipos, donde se ahorra un viaje de ida y vuelta completo de la red, pero es un mal negocio para fotografías grandes.

¿Cuándo debo insertar una imagen como URI de datos?

Para activos pequeños y siempre necesarios (iconos, logotipos, texturas de fondo diminutas) donde eliminar una solicitud HTTP importa más que los bytes adicionales. Evítelo para imágenes grandes: no se pueden almacenar en caché por separado, bloquean el análisis de CSS o HTML e inflan todas las páginas que las incluyen.

¿Esto funciona con transparencia?

Sí. Los bytes del archivo original se codifican palabra por palabra en lugar de volver a dibujarse, por lo que la transparencia, el perfil de color y cualquier metadato incrustado sobreviven exactamente como estaban.

¿Funciona esto en Windows, Mac, iPhone y Android?

Sí. Se ejecuta en cualquier navegador moderno en Windows, Mac, Linux, iPhone y Android sin necesidad de instalar nada y sin necesidad de una cuenta. Se admiten Chrome, Edge, Firefox y Safari.