Convertidor universal de HTML

¿Qué es el convertidor universal de HTML?

El convertidor universal de HTML de OCC Tools es una herramienta VIP que transforma cualquier archivo .html o .htm en más de veinte formatos distintos sin necesidad de instalar software, registrarte ni pagar suscripción. Está pensado para desarrolladores, diseñadores, responsables de marketing, equipos editoriales y agencias que necesitan reutilizar una misma plantilla HTML en distintos soportes: exportar una newsletter como imagen para Instagram, enviar una carta digital como PDF, convertir una landing en vídeo scroll para un anuncio en redes o archivar páginas antiguas en un ZIP multiformato. Todo el procesamiento ocurre en el propio navegador mediante librerías modernas cargadas bajo demanda, lo que significa que el código HTML que introduces nunca se sube a ningún servidor externo y permanece íntegramente en tu equipo.

A diferencia de los convertidores online clásicos que sólo ofrecen HTML a PDF o HTML a imagen, nuestra herramienta combina cinco familias completas de exportación. En la familia de texto y marcado obtienes HTML original, HTML minificado sin espacios en blanco, HTML standalone con todas las imágenes embebidas en base64, Markdown listo para pegar en README, texto plano depurado, JSON con el árbol DOM estructurado y XHTML bien formado. En la familia de imagen puedes descargar PNG con fondo transparente, JPG con compresión optimizada, WebP de bajo peso y SVG vectorial que mantiene nitidez a cualquier tamaño. Como documento exportas a PDF multipágina A4, Word .doc compatible con Microsoft Word y Google Docs, y RTF universal. En la familia de vídeo generamos MP4 o WebM (según el navegador) y GIF animado, ambos con scroll automático de la página. Y en la familia de paquete obtienes un ZIP completo con todos los formatos clave y un Data URI listo para pegar en cualquier navegador.

¿Cómo usar el convertidor de HTML?

El flujo está diseñado en cuatro pasos claros para que pases de tu archivo HTML al formato final en menos de un minuto.

1. Carga tu HTML desde cualquiera de las tres pestañas disponibles. Puedes pegar el código directamente en el editor, subir un archivo .html desde tu equipo (también acepta .htm, .xhtml, hasta 25 MB), o introducir una URL remota que la herramienta descargará por ti. Si arrastras y sueltas un archivo sobre la zona de carga también funciona. Hay un botón de ejemplo que carga una plantilla de demostración para que veas la calidad visual del sistema al instante.

2. Revisa la vista previa en vivo en el panel con cromo de navegador. La previsualización se actualiza automáticamente mientras escribes o editas el código y puedes cambiar el viewport entre escritorio, tablet y móvil para comprobar cómo se comporta tu página en cada dispositivo antes de exportar. El iframe está aislado en un sandbox, así que cualquier script o animación CSS se ejecuta exactamente igual que en un navegador real.

3. Ajusta los parámetros de exportación en el panel de configuración. El control de calidad multiplica la escala del render entre 1× y 4×, afectando a imágenes, PDF y vídeo. La duración del vídeo regula cuánto dura la animación de scroll (de 2 a 20 segundos) y el FPS define la fluidez del clip resultante, hasta 60 fotogramas por segundo para una suavidad cinematográfica.

4. Descarga en el formato que necesites pulsando cualquiera de los botones de las cinco categorías. Los formatos más pesados (PDF, PNG en alta resolución, MP4, GIF, ZIP) muestran una barra de progreso en tiempo real. Puedes exportar todos los formatos que quieras del mismo HTML sin recargar la página: cada descarga es independiente y el estado del editor se mantiene intacto. Cuando termina, un toast confirma la descarga y el archivo queda en tu carpeta habitual.

Un caso de uso típico: una agencia de marketing carga la plantilla HTML de una newsletter promocional, comprueba la vista previa en móvil, sube la calidad a 3× y descarga una imagen PNG para Instagram, un vídeo MP4 de 8 segundos con scroll para Reels, un PDF para el cliente, un Markdown para documentar la campaña en Notion y un ZIP con todo el paquete para archivar. Todo en tres minutos desde el mismo editor.

Formatos soportados de salida

La herramienta cubre los casos de uso más demandados en 2026, desde el archivado básico hasta la creación de material publicitario multimedia.

HTML, HTML minificado y HTML standalone. El formato HTML descarga el código tal cual lo pegaste. El minificado elimina espacios en blanco, saltos de línea y comentarios para reducir hasta un 30% el tamaño del archivo preservando el funcionamiento completo del script y los estilos. El standalone recorre todas las imágenes y las embebe en base64, produciendo un archivo autónomo que funciona offline y puede enviarse por email o guardarse en USB sin dependencias externas.

Markdown y texto plano. Ideales para documentación técnica, README de GitHub, copiar contenido a Notion o Obsidian, o análisis semántico rápido. La conversión a Markdown respeta encabezados, listas, enlaces, imágenes, énfasis (negrita, cursiva), bloques de código y saltos de párrafo. El texto plano extrae únicamente el contenido legible sin etiquetas, útil para contar palabras o alimentar un modelo de lenguaje.

JSON DOM y XHTML. El JSON serializa el árbol completo del documento con tipo de nodo, atributos y jerarquía de hijos. Es útil para análisis programático, scraping reverso, o para pasar el contenido a otra herramienta de transformación. El XHTML genera un XML bien formado compatible con parsers XML estrictos.

PNG, JPG, WebP y SVG. Las exportaciones de imagen utilizan html2canvas-pro, la variante moderna que soporta las especificaciones recientes de CSS (gradients con sintaxis moderna, filtros, backdrop-filter, color-mix, etc.). PNG conserva la transparencia, JPG aplica compresión al 92% para reducir peso, WebP combina ambos beneficios con menor tamaño de archivo. El SVG utiliza la técnica de foreignObject para empaquetar el HTML como vectorial, lo que permite escalar sin perder nitidez.

PDF multipágina. El motor jsPDF renderiza la imagen completa y la trocea en páginas A4 consecutivas. Puedes subir la escala a 4× para obtener documentos con calidad de imprenta, aptos para ser impresos profesionalmente en papel couché o servidos en cartas digitales de restaurante, dossiers corporativos o ebooks.

Word y RTF. El Word utiliza el truco clásico de declarar el HTML con los MIME types adecuados para que Microsoft Word, LibreOffice y Google Docs lo abran como documento editable. El RTF es una versión universal de texto enriquecido compatible con prácticamente cualquier procesador de textos del mercado.

MP4, WebM y GIF. El vídeo captura tu página completa a canvas y anima el scroll vertical durante el tiempo configurado, con easing in-out para un acabado profesional. MediaRecorder graba el stream del canvas con un bitrate de 8 Mbps, garantizando calidad de streaming. Safari genera .mp4 nativo con H.264; Chrome y Firefox producen .webm con VP9 (conversible a MP4 con cualquier herramienta). El GIF se optimiza a 800 px de ancho, paleta de 8 bits y 15 fps, perfecto para emails, Slack o README.

ZIP completo y Data URI. El ZIP empaqueta HTML original, minificado, Markdown, texto plano y una imagen preview de alta resolución, todo en un único archivo listo para archivar o compartir. El Data URI convierte tu HTML a base64 y te devuelve un URI data:text/html;base64,… que puedes pegar en la barra de direcciones de cualquier navegador para reproducir la página sin necesidad de hosting.

Preguntas frecuentes

¿El convertidor es realmente gratis y sin registro?
Sí, es 100% gratuito, sin login, sin marca de agua en las exportaciones y sin límite diario de usos. Puedes procesar todos los archivos que quieras, del tamaño que necesites, con la calidad máxima. Esto es posible porque toda la ejecución sucede en tu navegador: no tenemos costes de servidor por cada conversión y por tanto no hay razón para ponerte barreras.

¿Se sube mi HTML a algún servidor?
No. El único momento en el que la herramienta contacta con la red es cuando eliges la opción de URL remota (descarga el HTML desde la dirección que indicas) o cuando se cargan las librerías de procesamiento (html2canvas-pro, jsPDF, JSZip, turndown, gif.js) desde la CDN pública de ESM. Tu código nunca se envía a nuestros servidores ni queda almacenado en caché remota.

¿Qué tamaño máximo de HTML puedo subir?
El límite práctico es de 25 MB por archivo para subida directa. Para HTML con muchas imágenes inline o JSON DOM pesado, el límite efectivo dependerá de la memoria disponible en tu dispositivo, ya que todo se procesa en RAM. En equipos modernos con 8 GB o más, no deberías tener problemas con documentos de hasta 50 MB.

¿Por qué el vídeo se genera en WebM en lugar de MP4?
Depende del navegador. Safari soporta nativamente MP4 con H.264 en MediaRecorder, por lo que genera directamente un archivo .mp4 listo para usar. Chrome y Firefox utilizan VP9 sobre contenedor WebM, un estándar abierto moderno. Si necesitas MP4 desde Chrome, puedes convertir el .webm resultante con cualquier conversor online o con ffmpeg en un segundo. En la mayoría de redes sociales y aplicaciones modernas WebM se acepta sin problema.

¿Funciona bien con HTML que contiene JavaScript?
La vista previa ejecuta tu JavaScript exactamente igual que un navegador. A la hora de exportar a imagen, PDF o vídeo, la captura refleja el estado actual de la página en ese momento, por lo que si tienes animaciones continuas conviene pausarlas (o detener el ciclo en un frame concreto antes de exportar). Los formatos de texto (HTML, Markdown, JSON) conservan el código fuente sin ejecutar nada.

¿Puedo personalizar el diseño del vídeo o del PDF?
Sí. Todo lo que aparece en la exportación depende del CSS que tengas en tu HTML. Gradientes, sombras, tipografías, filtros, backdrop-filter, transformaciones y animaciones CSS se respetan en la captura. Para el vídeo, el único parámetro fijo es el scroll vertical automático, pero puedes ajustar duración y FPS y diseñar tu HTML para que el scroll revele secciones con el ritmo que prefieras.

¿Qué pasa si una imagen de mi HTML no permite CORS?
En el modo standalone, las imágenes que bloquean CORS se conservan con su URL original en lugar de embebidas. En el modo imagen (PNG/JPG/WebP) y PDF, si la imagen no puede cargarse con CORS, aparecerá un placeholder o un hueco vacío. La solución es alojar las imágenes en un CDN que permita CORS (Cloudinary, Imgix, Vercel Blob) o convertirlas a base64 manualmente antes de pegar el HTML.