Acerca de esta herramienta
Obtén texto completo con la forma data:<tipo de imagen>;base64,... Es útil para iconos pequeños, documentos de demostración y HTML o CSS compatibles con Data URI, que permiten incluir una imagen como texto.
Cómo se usa
- Elige o arrastra una imagen JPG, PNG, WebP, GIF, BMP o SVG.
- Comprueba el tipo de imagen, el tamaño del archivo y la vista previa.
- Pulsa «Generar Data URI» y consulta el texto completo y su longitud.
- Pulsa «Copiar Data URI» o «Descargar TXT» y úsalo según las opciones de la aplicación de destino.
Formatos compatibles
- Entrada: JPG, PNG, WebP, GIF, BMP y SVG; archivo original de hasta 20 MiB.
- Salida: Data URI con Base64 y el tipo MIME real de la imagen (.txt).
Notas sobre la conversión
- El Data URI incluye el prefijo data:, el tipo de imagen, la marca ;base64, y el texto Base64 de la imagen original.
- La codificación no vuelve a comprimir la imagen ni cambia el contenido original. El texto suele ocupar un 33 % más que el archivo, más el espacio del prefijo.
- Los Data URI aumentan el tamaño del HTML, CSS o documento y no son adecuados para imágenes grandes. La aplicación de destino también puede limitar su longitud o prohibir las imágenes incrustadas.
- La vista previa SVG excluye scripts y recursos externos, pero la salida conserva el contenido SVG original. Úsala solo si confías en el origen del archivo.
Imagen original de hasta 20 MiB. La vista previa admite hasta 40 millones de píxeles y 16384 píxeles de ancho o alto. Los SVG deben usar UTF-8 y su código no puede superar 2 MiB.
Privacidad
Las imágenes se procesan únicamente en tu navegador y no se suben a ningún servidor.
La herramienta no guarda automáticamente las imágenes elegidas ni los resultados. Descarga o copia lo que quieras conservar antes de borrar o salir de la página.
FAQ
¿Qué es un Data URI?
Es un texto que incluye el tipo de archivo y su contenido, como data:image/png;base64,... Permite representar una imagen en los lugares que lo admiten.
¿Puedo usar un Data URI directamente en HTML o CSS?
Puede usarse como dirección de imagen o imagen de fondo donde se admita Data URI. El sitio, la aplicación o sus reglas de contenido pueden limitar este uso.
¿Por qué no es adecuado para imágenes grandes?
Base64 aumenta el tamaño de los datos aproximadamente un tercio. El texto completo también hace crecer el HTML, CSS o documento, lo que afecta a su edición y carga.
¿En qué se diferencia de Base64 sin prefijo?
El Data URI añade el prefijo data: y el tipo MIME de la imagen. Si solo necesitas Base64 sin prefijo, utiliza Imagen → Base64.
¿Generar un Data URI cambia la imagen?
No. Se codifica el contenido original sin volver a comprimir la imagen ni eliminar información del archivo.
¿Se suben las imágenes a un servidor?
No. La selección, la vista previa, la conversión y la descarga se realizan en tu navegador. Las imágenes no se suben a ningún servidor.