Convertir imagen a Base64
Codifica cualquier imagen en un data URI Base64 y cópiala como HTML, CSS o JSON listos para pegar — sin que el archivo salga de tu equipo.
Cómo codificar una imagen a Base64
- Añade tu imagenSuéltala arriba, búscala en tu equipo o pégala desde el portapapeles.
- Elige el formato del fragmentoData URI en bruto, una etiqueta HTML <code><img></code> completa o una regla CSS <code>background-image</code>: lo que necesites pegar.
- CópialoUn clic copia el fragmento entero al portapapeles, listo para tu código.
¿Para qué sirve codificar en Base64?
Un data URI Base64 incrusta una imagen directamente dentro de texto — HTML, CSS, JSON o incluso un campo de base de datos — de modo que el navegador no necesita una petición extra para mostrarla. Es perfecto para recursos pequeños: logos, iconos, insignias, imágenes espaciadoras o imágenes dentro de documentos de un solo archivo y correos HTML.
A cambio: Base64 ocupa cerca de un 33 % más que el archivo binario, y las imágenes incrustadas no se guardan en la caché del navegador por separado. Regla práctica: incrusta imágenes de menos de ~10 KB y enlaza todo lo demás como archivo normal. Usa antes el compresor de imágenes para reducir el tamaño codificado.
Preguntas frecuentes
¿Cómo es un data URI?
Empieza con el tipo MIME, luego ;base64, y después los datos codificados — por ejemplo data:image/png;base64,iVBORw0KGgo…. Donde se acepte una URL (src de img, url() de CSS, fetch), funciona un data URI.
¿Cuánto más grande es Base64 que el archivo?
Cerca de un 33 % más, porque cada 3 bytes se convierten en 4 caracteres. La herramienta muestra el tamaño codificado exacto junto al original para que no haya sorpresas.
¿Funciona Base64 en correos HTML?
El soporte es desigual: algunos clientes (notablemente Outlook de escritorio) eliminan o bloquean los data URI. Para boletines por correo, las imágenes alojadas siguen siendo la opción fiable.
¿Mis imágenes se suben a algún sitio?
No. La codificación ocurre en tu navegador con la File API. No se transmite nada.