Compresor de recursos en línea

• Desglose del ahorro por recurso: nuestro compresor de recursos en línea muestra una tabla de ahorro por recurso; cada SVG insertado, imagen Base64 y bloque JSON aparece listado individualmente con su tamaño original, su tamaño comprimido y el porcentaje de reducción, para que sepas exactamente de dónde viene el peso de tu HTML.
• Compresión de recursos en línea al instante: comprime todos los SVG insertados, las imágenes Base64 y los bloques de datos JSON con un solo clic; el compresor de recursos en línea procesa todo tu documento HTML y sustituye cada recurso por su versión comprimida en la salida.
• Compresor de recursos en línea online y seguro: tu HTML nunca sale de tu dispositivo. Toda la minificación de SVG, la limpieza de Base64 y la compresión de JSON ocurren localmente en tu navegador: sin subidas a servidores, sin procesamiento en la nube y con total privacidad para plantillas propietarias y herramientas internas.
• Compresor de recursos en línea sin instalación: comprime recursos HTML en línea directamente en tu navegador sin descargar software, sin complementos y sin cuenta. Nuestro compresor de recursos en línea gratuito funciona en cualquier navegador moderno y en cualquier sistema operativo.

• Optimización de plantillas de sitios estáticos y SSG: los generadores de sitios estáticos (Next.js, Astro, Hugo) suelen insertar iconos SVG y datos estructurados JSON-LD directamente en el HTML. Usa el compresor de recursos en línea para reducir el peso de las páginas HTML generadas antes del despliegue; es especialmente eficaz en páginas con muchos SVG de iconos.
• Compresión de plantillas de correo HTML: las plantillas de correo HTML suelen incluir imágenes Base64 y logotipos SVG en línea para evitar el bloqueo de imágenes externas. Usa el compresor de recursos en línea para limpiar los URI de datos Base64 y minificar los SVG, reduciendo el tamaño del correo y mejorando la entregabilidad.
• Optimización de SVG en componentes de React y Vue: los componentes de React y Vue que importan SVG como JSX en línea suelen contener marcado SVG extenso con comentarios y espacios en blanco. Usa el compresor de recursos en línea para preprocesar el código SVG antes de convertirlo a JSX y reducir el tamaño del paquete de componentes.
• Minificación de datos estructurados JSON-LD: las páginas optimizadas para SEO integran datos estructurados JSON-LD en bloques de script. Usa el compresor de recursos en línea para minificar todos los bloques JSON-LD de tu HTML; un bloque JSON-LD formateado de 2 KB suele comprimirse a menos de 500 bytes sin cambio semántico alguno.
• Reducción del peso del HTML para Core Web Vitals: las grandes ilustraciones SVG en línea y los atributos de datos JSON extensos aumentan el peso del documento HTML, lo que incrementa el Time to First Byte (TTFB) y el tiempo de análisis. Usa el compresor de recursos en línea para reducir la carga del HTML y mejorar las puntuaciones LCP y FID.
• Optimización de páginas de producto de comercio electrónico: las páginas de producto suelen insertar imágenes de marcador de posición en Base64, iconos SVG en línea y atributos de datos JSON de producto. Usa el compresor de recursos en línea para comprimir los tres tipos de recursos en una sola pasada y reducir el peso de la página para lograr cargas móviles más rápidas.

La compresión de recursos en línea es el proceso de reducir el tamaño en bytes de los recursos incrustados directamente en el HTML, como los SVG en línea, las imágenes codificadas en Base64 y los bloques de datos JSON. A diferencia de los recursos externos (que se comprimen por separado), los recursos en línea engordan el propio documento HTML, lo que aumenta el TTFB y el tiempo de análisis. Nuestro compresor de recursos en línea analiza tu HTML en busca de los cuatro tipos de recursos en línea, comprime cada uno individualmente, los sustituye en el HTML de salida y muestra una tabla de ahorro por recurso, para que veas exactamente de dónde viene el peso de tu HTML y cuánto ahorra cada compresión.

1. 1 Pega o sube tu HTML: introduce cualquier documento, plantilla o componente HTML. El compresor de recursos en línea busca SVG en línea, URI de datos Base64, bloques de script JSON y atributos de datos JSON; tu HTML nunca sale de tu navegador.
2. 2 Elige los tipos de recursos que comprimir: selecciona qué tipos de recursos en línea procesar —SVG, imágenes Base64, bloques de script JSON y/o atributos de datos JSON—. Cada tipo usa una estrategia de compresión distinta y adecuada a su formato.
3. 3 Revisa el ahorro por recurso y descarga: el compresor de recursos en línea muestra una tabla por recurso con el tamaño original, el tamaño comprimido y el porcentaje de reducción de cada recurso encontrado. Copia o descarga directamente el HTML comprimido.

• SVG en línea: se eliminan los comentarios XML, las líneas en blanco y los espacios entre etiquetas. Se quita la declaración XML. Se normalizan las etiquetas autocerradas. Reducción típica: 20-50 % en iconos SVG extensos.
• Imágenes Base64: algunas herramientas insertan saltos de línea cada 76 caracteres dentro de los URI de datos Base64 (según la especificación MIME). Esos caracteres de espacio en blanco no son válidos en los URI de datos HTML y añaden bytes innecesarios. El compresor de recursos en línea elimina todo el espacio en blanco incrustado en las cadenas Base64.
• Bloques de script JSON: los bloques JSON y JSON-LD se minifican con JSON.parse + JSON.stringify, lo que elimina todos los espacios, sangrías y líneas en blanco conservando exactamente la estructura de datos.
• Atributos de datos JSON: los valores JSON de los atributos data-* se minifican con el mismo enfoque de JSON.parse + JSON.stringify. Reducción típica: 30-60 % en objetos de configuración JSON formateados.

El compresor de recursos en línea usa análisis basado en expresiones regulares: gestiona correctamente los patrones de recursos en línea más habituales, pero puede no detectar recursos dentro de literales de plantilla de JavaScript, HTML construido dinámicamente o formatos de atributos no estándar. La minificación de SVG conserva todo el contenido semántico, pero no optimiza las rutas (para eso usa SVGO). La limpieza de Base64 solo elimina espacios en blanco, no recodifica las imágenes con menor calidad. Prueba siempre la salida comprimida en el navegador de destino antes de desplegarla en producción.