Manejador de Data URI

El Manejador de Data URI le permite codificar cualquier archivo en un data URI Base64 para incrustarlo directamente en HTML, CSS o JavaScript, y decodifica los data URIs existentes de vuelta a su contenido de archivo original. Los data URIs siguen el formato RFC 2397 `data:[<mediatype>][;base64],<data>`, permitiendo que los activos se incrusten sin solicitudes HTTP adicionales. Incrustar activos pequeños como iconos SVG, fuentes o imágenes diminutas puede reducir significativamente la latencia de carga de la página para recursos críticos. Toda la codificación, decodificación, detección de MIME-type y vista previa de archivos ocurre completamente en su navegador sin necesidad de subir al servidor.

Explorar todas las herramientas de Desarrollador

Cómo Usar

Para codificar, suba un archivo o pegue texto sin formato y seleccione el MIME type correcto del menú desplegable; la herramienta genera la cadena completa del data URI compatible con RFC 2397 lista para pegar en los atributos src, href o url(). Para decodificar, pegue un data URI existente en el campo de entrada y haga clic en Decodificar para extraer el contenido incrustado, previsualizar imágenes o SVGs en línea y descargar el archivo original. Todo el procesamiento se realiza del lado del cliente, por lo que sus archivos nunca salen del navegador.

Casos de Uso Comunes

• •Desarrolladores frontend que incrustan pequeños iconos SVG, spinners o imágenes de UI directamente en HTML o CSS para eliminar solicitudes HTTP adicionales y reducir la latencia de la ruta de renderizado crítica
• •Diseñadores de plantillas de correo electrónico que incrustan fuentes web personalizadas e imágenes de logotipos como data URIs Base64 en bloques de estilo CSS para garantizar una renderización consistente en clientes que bloquean la carga de recursos externos
• •Investigadores de seguridad que decodifican data URIs sospechosos encontrados en archivos adjuntos HTML de phishing o etiquetas de script ofuscadas para revelar el contenido de la carga útil oculta
• •Desarrolladores web que crean demos HTML de un solo archivo completamente autocontenidos, páginas de documentación offline o widgets de herramientas portátiles que incrustan todos los activos en línea
• •Autores de herramientas de construcción que generan data URIs de imágenes de fondo codificadas en Base64 para componentes estilizados con CSS-in-JS o que generan data URIs SVG en línea para fuentes de iconos