Generador de Data URI
Convierte un archivo (imagen, SVG, fuente, PDF, audio) o un trozo de SVG en un data URI para incrustar en HTML o CSS. Base64 o codificación URL para SVG.
Cómo crear un data URI
- Elige, suelta o pega un archivo (hasta 5 MB). Para un trozo de SVG o texto, elige "Texto" y pégalo.
- Revisa el tipo de archivo (MIME) y la codificación: Base64 sirve para todo, la codificación URL para SVG y texto (suele ser más corta).
- Elige la forma que necesitas: data URI, CSS, etiqueta img, favicon o enlace de descarga, y cópiala.
Preguntas frecuentes
Para incrustar un archivo pequeño (un icono, un logo SVG, una fuente) dentro del HTML o CSS, sin descargas aparte. Ideal para archivos de pocos KB; los grandes vuelven pesada la página y no se guardan en caché.
Para SVG y texto, la codificación URL suele ser más corta que Base64 y sigue siendo legible. PNG, JPG, fuentes y otros archivos solo admiten Base64.
Base64 convierte cada 3 bytes en 4 caracteres, así que ocupa un 33 % más. El tamaño antes y después aparece con el resultado.
Imagen a Base64 es para imágenes. Esta herramienta acepta cualquier archivo y también SVG o texto pegado, deja cambiar el tipo y trae código listo para CSS, favicon y enlace de descarga.
Es totalmente gratis y no requiere registro.
Herramientas relacionadas
Decodificador de Data URIVe y guarda archivos de un data URI o Base64Imagen a Base64Incrusta imágenes en HTML o CSS con Base64Buscador de tipos MIMEBusca tipos MIME y comprueba el tipo real de un archivoGenerador de slugsConvierte títulos en slugs limpios para URLGenerador de UUIDGenera identificadores UUID aleatoriosConversor de coloresConvierte entre códigos de color HEX, RGB y HSLProbador de regexPrueba regex: coincidencias resaltadas, grupos y reemplazoGenerador de regexRegex listas para email, teléfono, fechas y másExplicador de regexEntiende cada parte de una regex