Imagen a Base64
Arrastra una o varias imágenes y copia su Data URI, su Base64 o el fragmento listo para HTML, CSS o Markdown. También puedes pegar un Base64 para ver la imagen y descargarla.
Se procesa en tu dispositivo. No se sube nada.
Arrastra tus archivos aquíToca para elegir tus archivos
o haz clic para elegir · pega con Ctrl+VPNG, JPG, WebP, GIF, SVG, AVIF, ICO · hasta 20 MB por imagen
Suelta una o varias imágenes y obtienes su Data URI, su Base64 y el código listo para HTML, CSS o Markdown.
Imágenes
Describe la imagen para quien no la ve. Déjalo vacío si es solo decorativa.
Exportar la tabla
Acepta un Data URI, un Base64 suelto o el código de una etiqueta img o de un url() de CSS. Detectamos el tipo por los bytes.
Pega un Base64 y ves la imagen al instante.
No se pudo mostrar la imagen
Imagen recuperada
Cómo se usa
- Arrastra tus imágenes al recuadro, elígelas con un clic o pégalas con Ctrl+V. Aceptamos PNG, JPG, WebP, GIF, SVG, AVIF, ICO y BMP de hasta 20 MB cada una.
- Elige el formato de salida: Data URI, Base64 puro, una etiqueta HTML img, una regla CSS background-image o un enlace de Markdown.
- Revisa el tamaño. El Base64 pesa un 33 % más que el archivo; si pasa de 10 KB te avisamos y te ofrecemos optimizar la imagen antes.
- Copia el resultado o descárgalo. Con varias imágenes puedes exportar una tabla en CSV o JSON.
- Para el camino inverso, abre «Base64 a imagen», pega el Data URI o el Base64 y descarga la imagen.
Preguntas frecuentes
¿Qué es un Data URI y cuándo conviene usarlo?
Es una dirección que lleva la imagen dentro: empieza con data:image/png;base64, y sigue el Base64. Sirve para incrustar iconos y logos pequeños en un HTML, un CSS o un correo sin pedir un archivo aparte. Con imágenes grandes es peor: el navegador no las guarda en caché por separado y el documento pesa mucho más.
¿Cuánto pesa una imagen en Base64?
Un tercio más que el archivo original, porque cada 3 bytes se escriben como 4 caracteres. Una imagen de 30 KB pasa a unos 40 KB. En esta página ves los dos tamaños y el aumento exacto.
¿Puedo reducir un SVG codificado en un Data URI?
Sí. Un SVG es texto, así que no hace falta Base64: se puede codificar como URL, escapando solo unos pocos caracteres. El resultado es más corto que el Base64. Además puedes minimizar el SVG (quitar comentarios, prólogo XML y sangrías) antes de codificarlo.
¿Se suben mis imágenes a algún servidor?
No. La conversión ocurre en tu navegador con JavaScript. Puedes comprobarlo en la pestaña Red de las herramientas de desarrollo: no sale ninguna petición con tus archivos.
¿Qué pasa si renombro un archivo de texto a .png?
Lo detectamos. No nos fiamos de la extensión: leemos los primeros bytes del archivo (su firma) y, si no corresponden a una imagen, te decimos qué es en realidad. Lo mismo ocurre en el sentido inverso con un Base64 que no es una imagen.
¿Puedo recuperar la imagen desde un Base64?
Sí, en la pestaña «Base64 a imagen». Acepta un Data URI, un Base64 suelto o el código de una etiqueta img o de un url() de CSS. Muestra la vista previa, las dimensiones y el tipo real, y la descarga con la extensión correcta.
Cuándo incrustar una imagen en Base64
Incrustar una imagen ahorra una petición al servidor, y eso importa con iconos, logos pequeños o imágenes de fondo de pocos KB. También es útil en correos HTML, en hojas de estilo que se distribuyen como un solo archivo y en ejemplos de código. Para fotos, lo mejor sigue siendo un archivo aparte, que el navegador puede guardar en caché.
Fragmentos que genera esta herramienta
- Data URI:
data:image/png;base64,iVBOR…, para usar donde se acepte una URL. - HTML: una etiqueta
imgcon sualt, su ancho y su alto. - CSS:
background-image: url("…");. - Markdown:
.
SVG: mejor sin Base64
Como un SVG ya es texto, codificarlo como URL suele dar un resultado más corto que el Base64. Escapamos solo los caracteres que lo necesitan y cambiamos las comillas dobles por simples para que quepa dentro de src="…" y de url("…").
Actualizada el 29 de septiembre de 2026