Genera URIs data: a partir de texto introducido o de la carga de un archivo. Selecciona el tipo MIME, codifica en Base64 y obtén un URI de datos listo para usar e incrustar en HTML, CSS o JavaScript.
Los URIs de datos (también llamados URLs de datos) te permiten incrustar el contenido de un archivo directamente en HTML, CSS o JavaScript con el formato: data:[mediatype][;base64],data. Esto elimina la necesidad de solicitudes HTTP independientes, lo que hace que las páginas carguen más rápido con recursos pequeños.
Se usan habitualmente para imágenes pequeñas (iconos, logotipos), fondos CSS, fuentes personalizadas y SVG en línea. La contrapartida es un aumento de tamaño de ~33 % debido a la codificación Base64, por lo que son más adecuados para archivos de menos de 10 KB.
Un URI de datos es una forma de incrustar el contenido de un archivo directamente en documentos web mediante el esquema data:. En lugar de enlazar a un archivo externo, el contenido se codifica en Base64 y se incluye en línea, reduciendo las solicitudes HTTP.
Usa URIs de datos para recursos pequeños y de uso frecuente, como iconos e imágenes pequeñas (menos de 10 KB). Para archivos más grandes, las URLs normales son mejores porque los URIs de datos aumentan el tamaño del archivo en ~33 % y no se pueden almacenar en caché por separado.
Sí. Todos los navegadores modernos admiten URIs de datos. La principal limitación es el tamaño: algunos navegadores tienen límites máximos de longitud para los URIs de datos, normalmente en torno a 2 MB, aunque esto varía según el navegador.
Codifica o decodifica cadenas Base64 directamente en tu navegador
Convierte texto a Base64 o decodifica Base64 a texto plano
Convierte imágenes a cadenas codificadas Base64
Decodifica cadenas Base64 a imágenes visibles
Codifica cualquier archivo a una cadena Base64
Decodifica cualquier cadena Base64 de vuelta a su archivo original
Decodifica cadenas Base64 a documentos PDF
Decodifica e inspecciona tokens JWT
Codifica o decodifica URLs con codificación porcentual
Convierte caracteres especiales a entidades HTML y viceversa
Convierte entre formatos hexadecimal y Base64
Decodifica cadenas Base64 a texto legible
Comprueba si una cadena es una codificación Base64 válida
Decodifica Base64 y muéstralo con formato JSON legible
Convierte cadenas Base64 a hexadecimal y viceversa
Convierte SVG a Data URIs para CSS y HTML
Codifica texto a bytes UTF-8 o decodifica bytes a texto