PNG a Base64

Convierte iconos, logotipos y capturas de pantalla PNG en data URI Base64. La transparencia se conserva exactamente y el código queda listo para CSS, HTML o JSON.

Gratis y privado. Todo funciona en tu navegador y no se sube nada.

Cómo funciona

  1. Añade tu PNGAbre el archivo o suéltalo en el cuadro de entrada. También puedes pegar Base64 directamente.
  2. Elige la salidaElige data URI, Base64, CSS, HTML o Markdown. La vista previa y los tamaños se actualizan al momento.
  3. Copia o descargaCopia el código con un clic o descarga la imagen como archivo.

Los iconos PNG pequeños encajan perfecto

Los iconos y las imágenes pequeñas de la interfaz son donde los data URI brillan: se cargan junto con la hoja de estilo y nunca aparecen tarde. Mantén cada uno por debajo de unos pocos kilobytes y tu página seguirá siendo rápida.

Si tu PNG es grande, prueba primero a comprimirlo con el compresor de imágenes y luego vuelve para convertir el archivo más pequeño.

Sobre PNG

PNG es un formato de imagen sin pérdida y con transparencia. Es la opción habitual para iconos, logotipos y capturas de pantalla, por eso también es la imagen más común dentro de los data URI.

Sobre Base64

Base64 escribe datos binarios como texto simple con letras, números, + y /. Un data URI añade delante el tipo de archivo, por ejemplo data:image/png;base64, para que los navegadores sepan cómo mostrarlo.

Preguntas frecuentes

¿Se conserva la transparencia?

Sí. El archivo PNG se codifica byte a byte, así que la transparencia y los colores quedan exactamente iguales.

¿Mi imagen se sube?

No. La imagen se lee y se convierte en tu navegador y nunca se envía a nuestros servidores.

¿Hay un límite de tamaño?

No hay un límite fijo, pero los data URI de más de unos 100 KB hacen pesadas las páginas y hojas de estilo. Para imágenes grandes es mejor un archivo de imagen normal.

¿Puedo convertir otros archivos, como PDF o fuentes?

Sí. Cualquier archivo se convierte en data URI o en Base64 simple. Las opciones CSS, HTML y Markdown solo aparecen con imágenes.

¿Cómo convierto Base64 de nuevo en una imagen?

Pega el texto Base64 o el data URI en el cuadro de entrada. La imagen aparece al momento y Descargar la guarda con la extensión de archivo correcta.

¿Funciona sin conexión?

Sí. Después de abrir la página una vez, sigue funcionando sin conexión a internet.