# Generador de Data URI Convierte archivos en Data URIs (Base64 o porcentaje-codificado) para incrustar imágenes, fuentes y recursos directamente en HTML, CSS o Markdown > Página canónica: https://elysiatools.com/es/tools/data-uri-generator - **Categoría:** Development - **Palabras clave:** data uri, base64, inline, incrustar, imagen, fuente, css, html, data url ## Descripción general El Generador de Data URI le permite convertir cualquier archivo local en una cadena de texto codificada (Base64 o codificación por porcentaje) para incrustar imágenes, fuentes, audios y otros recursos directamente en sus archivos HTML, CSS o Markdown, eliminando la necesidad de realizar peticiones HTTP adicionales. ## Entradas - **Archivo** (file) - **Codificación** (select) - **Formato de salida** (select) - **Tipo MIME** (text): Auto-detected (e.g. image/png). Override only if needed. ## Cuándo usarlo - Cuando desea optimizar el rendimiento web reduciendo el número de peticiones HTTP para iconos pequeños o imágenes de fondo. - Al crear correos electrónicos HTML auto-contenidos o plantillas que requieren imágenes incrustadas sin depender de servidores externos. - Para distribuir archivos CSS o Markdown que incluyan fuentes personalizadas o gráficos vectoriales SVG directamente en el código. ## Cómo funciona - Seleccione o arrastre el archivo que desea convertir, como una imagen PNG, un archivo SVG o una fuente WOFF2. - Elija el tipo de codificación (Base64, URL-encoded o texto sin procesar) y defina un tipo MIME personalizado si es necesario. - Seleccione el formato de salida deseado, ya sea como Data URI puro, etiqueta HTML , propiedad CSS background o enlace Markdown. - Copie el código generado directamente al portapapeles para pegarlo en su editor de código. ## Casos de uso - Incrustar logotipos SVG directamente en hojas de estilo CSS para evitar parpadeos durante la carga de la página. - Insertar fuentes web WOFF2 en archivos CSS para asegurar que los textos se rendericen correctamente sin dependencias externas. - Crear firmas de correo electrónico en HTML con imágenes incrustadas que no se bloqueen por falta de conexión a internet. ## Preguntas frecuentes ### ¿Qué es un Data URI? Es un esquema de URI que permite incluir datos en línea dentro de documentos web como si fueran recursos externos. ### ¿Qué formatos de salida puedo generar? Puede generar el Data URI puro, una etiqueta HTML , una regla de fondo CSS o un enlace de imagen para Markdown. ### ¿Cuál es el límite de tamaño para los archivos? El generador admite archivos individuales con un tamaño máximo de hasta 10 MB. ### ¿Cuándo es mejor usar codificación URL en lugar de Base64? La codificación URL es ideal para archivos SVG, ya que mantiene el texto legible y genera un tamaño de archivo menor que Base64. ### ¿Puedo forzar un tipo MIME específico? Sí, puede sobrescribir el tipo MIME detectado automáticamente ingresando el valor deseado en el campo de tipo MIME personalizado. ## Herramientas relacionadas - [Secuencia de Imágenes a Video](https://elysiatools.com/es/tools/image-sequence-to-video): Convierte archivos de imagen o un ZIP de fotogramas en video, ordenado naturalmente por nombre - [Hoja de Contacto PDF](https://elysiatools.com/es/tools/pdf-photo-contact-sheet): Crea hojas de contacto con miniaturas, nombres y EXIF - [Hoja de Storyboard PDF](https://elysiatools.com/es/tools/pdf-storyboard-sheet): Genera hojas de storyboard con miniatura y area de descripcion - [Herramienta de Opacidad de Marca de Agua](https://elysiatools.com/es/tools/image-watermark-opacity): Añade marcas de agua con opacidad personalizada a las imágenes, soportando marcas de agua de texto e imagen con controles avanzados de opacidad - [Conversión de Imágenes en Lote](https://elysiatools.com/es/tools/batch-convert): Convertir múltiples imágenes a diferentes formatos con configuración de calidad - [Conversor de profundidad de imagen a PNG](https://elysiatools.com/es/tools/image-to-bit-depth-png): Convierte imágenes a profundidades PNG monocromas, indexadas, grises, RGB o RGBA exactas con salida verificada. - [Fragmentos de Encabezado/Pie PDF](https://elysiatools.com/es/tools/pdf-header-footer-snippets): Convierte HTML a PDF e inserta fragmentos de logo, título y fecha - [De paleta de imagen a design tokens](https://elysiatools.com/es/tools/image-to-design-tokens): Extrae los colores dominantes de una imagen con k-means y expórtalos como variables CSS / SCSS / configuración Tailwind / tokens JSON, con nombres y escala de tonos ## Ejemplos - [Ejemplos de Procesamiento de Imágenes Web TypeScript](https://elysiatools.com/es/samples/web-image-processing-typescript): Ejemplos de procesamiento de imágenes Web TypeScript incluyendo lectura/guardado de imágenes, escalado y conversión de formato - [Ejemplos de Procesamiento de Imágenes Web Rust](https://elysiatools.com/es/samples/web-image-processing-rust): Ejemplos de procesamiento de imágenes Web Rust incluyendo lectura/escritura, escalado y conversión de formato - [Muestras PDF](https://elysiatools.com/es/samples/pdf-samples): Muestras PDF generadas por herramientas 2026-02-01 a 2026-02-10 - [Muestras de Comunicación en Tiempo Real WebRTC](https://elysiatools.com/es/samples/webrtc-samples): Muestras completas de WebRTC para comunicación de audio/video P2P, canales de datos, compartir pantalla y servidor de señalización ## Contenido relacionado - [Herramientas de codificacion y conversion de audio](https://elysiatools.com/es/hubs/audio-convert): Compara conversion de formatos de audio, cambios de bitrate, conversion de frecuencia de muestreo, cambio de codec y exportacion en un solo hub. - [Herramientas de conversion de formatos de imagen y exportacion animada](https://elysiatools.com/es/hubs/image-convert): Compara convertidores de imagen para JPG, PNG, GIF, AVIF, WebP, TIFF, ICO, base64 y salidas pensadas para animacion en un solo hub. - [Herramientas de intercambio JSON y traduccion de formatos](https://elysiatools.com/es/hubs/json-convert): Compara herramientas de conversion JSON para CSV, YAML, TOML, GraphQL, XML, Markdown, Excel, BSON, EDN y otros formatos estructurados en un solo hub. - [Herramientas de conversión de texto, codificación y normalización](https://elysiatools.com/es/hubs/text-convert): Compara conversión de mayúsculas y minúsculas, conversión de ancho de caracteres, conversión de codificación, manejo de quoted-printable y normalización de texto en un solo hub.