Generador de Data URI
Generador Data URI gratuito online, convertir archivos a Base64
📎Haz clic o arrastra un archivo para generar Data URISoporta imágenes, fuentes, SVG, PDF y más
Que son las Data URIs?
Una Data URI incrusta datos de archivo directamente en una URL usando el formato data:[mimeType];base64,[data]. Esto te permite incrustar imagenes pequenas, fuentes o archivos directamente en HTML, CSS o JavaScript sin referencias a archivos externos. Las Data URIs eliminan solicitudes HTTP extra para recursos pequenos.
Como generar Data URIs
Sube un archivo (imagen, fuente, SVG, etc.). La herramienta genera la cadena Data URI. Usa Copiar como CSS para obtener una propiedad background-image, o Copiar como HTML para una etiqueta <img>. Las Data URIs funcionan mejor para archivos menores de 10KB.
▶Cuando debo usar Data URIs vs archivos externos?
Usa Data URIs para recursos pequenos (menores de 10KB) como iconos, imagenes diminutas o fuentes. Para archivos mas grandes, archivos externos con almacenamiento en cache son mas eficientes. Demasiadas Data URIs en CSS pueden ralentizar el renderizado.
▶Las Data URIs funcionan en todos los navegadores?
Si, todos los navegadores modernos soportan Data URIs. Navegadores muy antiguos (IE8 y anteriores) tienen un limite de 32KB, pero esto no es relevante para aplicaciones modernas.