Extractor de Data URLs de HTML

• Extracción instantánea de Data URLs de HTML: extrae todas las URIs data: incrustadas de HTML al instante. Pega cualquier código HTML y nuestro extractor de data URLs busca URIs data: en img src, link href, url() de CSS, source srcset, iframe src, script src, a href y atributos object data, sin necesidad de búsqueda manual.
• Procesamiento de HTML seguro y privado: toda la extracción de data URLs de HTML ocurre íntegramente en tu navegador. Tus documentos HTML, las URIs extraídas y los resultados del análisis nunca salen de tu dispositivo. Sin subida de datos, sin rastreo y sin registro: privacidad total.
• Extractor de Data URLs online - sin instalación: usa el extractor de data URLs directamente en cualquier navegador moderno, sin descargas, aplicaciones ni plugins. Incluye desglose por tipo MIME, análisis de tamaño codificado/decodificado y soporte de descarga individual de archivos.
• Análisis completo y opciones de descarga: nuestro extractor de data URLs ofrece desglose por tipo MIME, comparación de tamaños codificado y decodificado, tamaño original estimado, contexto HTML circundante de cada data URL y descarga con un clic de archivos individuales o de todas las data URLs extraídas a la vez.

• Extracción de imágenes incrustadas de archivos HTML: los desarrolladores web usan el extractor de data URLs para extraer imágenes codificadas en base64 de archivos HTML y optimizarlas por separado. Encuentra todas las imágenes incrustadas, consulta sus tipos MIME y tamaños, y descarga cada imagen para convertirla en un archivo externo, con mejor caché y cargas HTML más pequeñas.
• Auditoría de seguridad de datos incrustados en HTML: los investigadores de seguridad usan el extractor de data URLs para auditar documentos HTML en busca de datos incrustados que puedan contener información sensible. Identifica todas las URIs data:, inspecciona sus tipos de contenido y revisa el contexto HTML circundante para valorar si es apropiado incrustar data URLs o si deberían externalizarse.
• Análisis y optimización de correo HTML: los responsables de email marketing usan el extractor de data URLs para analizar plantillas de correo HTML que incrustan imágenes como data URLs. Consulta la contribución total en tamaño codificado de cada recurso incrustado, entiende la distribución de tipos MIME y decide qué imágenes incrustar y cuáles alojar externamente para una mejor compatibilidad con los clientes de correo.
• Depuración de grandes cargas HTML: los desarrolladores frontend que depuran páginas de carga lenta usan el extractor de data URLs para identificar data URLs sobredimensionadas que inflan su HTML. La herramienta muestra los tamaños codificado y decodificado de cada data URL, lo que ayuda a determinar qué recursos incrustados contribuyen más al peso de la página.
• Migración de Data URLs a recursos externos: al refactorizar HTML para usar archivos externos en lugar de data URLs incrustadas, los desarrolladores usan el extractor para catalogar todas las URIs data:, sus tipos MIME y tamaños. Descarga cada recurso individualmente y sustituye la URI data: por una referencia a un archivo externo.
• Análisis de rendimiento y presupuesto de tamaño de HTML: los ingenieros de rendimiento usan el extractor de data URLs para analizar qué parte del tamaño de un documento HTML proviene de data URLs incrustadas frente al marcado real. El desglose por tipo MIME y las estadísticas totales de tamaño codificado/decodificado ayudan a aplicar presupuestos de tamaño e identificar oportunidades de optimización.

Las Data URLs (también llamadas URIs data:) son un esquema de URL definido por la RFC 2397 que permite incrustar datos directamente en documentos HTML en lugar de referenciar archivos externos. Una data URL sigue el formato: data:[<tipo-MIME>][;base64],<datos>. Por ejemplo, data:image/png;base64,iVBORw0KGgo... incrusta una imagen PNG completa como cadena codificada en base64 directamente en el HTML.

Las Data URLs se usan comúnmente para imágenes pequeñas (iconos, sprites), fuentes (woff2), SVG en línea y plantillas de correo HTML donde los recursos externos pueden estar bloqueados. Aunque eliminan peticiones HTTP, añaden aproximadamente un 33 % de sobrecarga por la codificación base64 y el navegador no puede almacenarlas en caché de forma independiente. Nuestro extractor de Data URLs de HTML te ayuda a encontrar y analizar todas las URIs data: incrustadas, entender su impacto en el tamaño y decidir si mantenerlas en línea o migrarlas a archivos externos.

1. 1. Introduce el HTML: pega tu documento HTML (o cualquier texto que contenga URIs data:) en el panel de entrada. La herramienta analiza el contenido en busca de 14 patrones HTML comunes donde suelen aparecer las data URLs: img src (imágenes), link href (iconos, hojas de estilo), declaraciones url() de CSS (fondos, fuentes), source srcset (imágenes responsivas), iframe src (marcos en línea), script src (scripts incrustados), a href (enlaces de descarga) y object data (plugins).
2. 2. Extrae y analiza: para cada data URL encontrada, el extractor analiza el tipo MIME (image/png, text/html, application/pdf, etc.), el tipo de codificación (base64 o codificación por porcentaje), calcula el tamaño codificado (la cadena completa de la data URL), el tamaño decodificado (los datos reales tras la decodificación) y estima el tamaño de archivo original (ajustado por la sobrecarga de base64). Un desglose por tipo MIME muestra la distribución de tipos de contenido de todas las URLs extraídas.
3. 3. Revisa y exporta: explora las data URLs extraídas en un diseño de tarjetas con categorías de tipo MIME codificadas por color. Cada tarjeta muestra los detalles de la URL, la información de tamaño y el contexto HTML circundante. Descarga archivos individuales con extensiones detectadas automáticamente, descarga todos los archivos a la vez o copia todas las cadenas de data URL a tu portapapeles para procesarlas posteriormente.

• Tamaño codificado: la longitud total en bytes de la data URL tal como aparece en el HTML, incluido el prefijo data:, la declaración de tipo MIME, el marcador de codificación (;base64) y los datos codificados en base64 o por porcentaje. Esta es la contribución real de esta data URL al peso de tu página HTML.
• Tamaño decodificado: el tamaño binario real de los datos tras decodificarlos de base64 o de la codificación por porcentaje. Para datos en base64, es aproximadamente el 75 % de la longitud de los datos codificados (base64 amplía los datos binarios ~33 %). Para datos con codificación por porcentaje, es la longitud de la cadena UTF-8 decodificada.
• Tamaño original estimado: una aproximación del tamaño que tendría el archivo si se almacenara como archivo externo en lugar de incrustarse como data URL. Corrige la sobrecarga de codificación base64 (~33 %) más los metadatos (tipo MIME, marcadores de codificación). Esto te ayuda a estimar el consumo real de datos y el ahorro de externalizar las data URLs.
• Distribución por tipo MIME: el desglose de tipos de contenido de todas las data URLs extraídas ayuda a entender qué tipos de datos están incrustados (imágenes, fuentes, scripts, estilos u otro contenido) y su contribución relativa al tamaño total de los datos incrustados.

El extractor de data URLs es 100 % gratis y sin registro. Todo el análisis HTML se realiza localmente en tu navegador: tus documentos HTML, las data URLs extraídas y los resultados del análisis nunca salen de tu dispositivo. No hay límites de tamaño de archivo ni de uso. La herramienta analiza 14 patrones de etiquetas HTML diferentes, ofrece desglose por tipo MIME, análisis de tamaño codificado/decodificado, capacidades de descarga individual y por lotes, y funciona completamente sin conexión tras la primera carga. Úsala tantas veces como necesites para analizar documentos HTML con data URLs incrustadas.