Convertidor online gratuito de HTML a JPG

Se necesita un JPG cuando una página web debe cargarse en un sistema que solo admite imágenes, insertarse en un documento, compartirse como un registro visual fijo o archivarse sin marcado editable. La conversión representa el HTML, CSS, las imágenes y el contenido generado por scripts visibles de la página como una sola imagen rasterizada.

Qué es el formato HTML

HTML (HyperText Markup Language) estructura las páginas web con encabezados, párrafos, enlaces, tablas, formularios y contenido multimedia incrustado. Los navegadores como Chrome, Edge, Firefox y Safari representan HTML junto con CSS y JavaScript; los editores de código, el software de creación web y los sistemas de gestión de contenido crean y guardan archivos .html y .htm.

Un archivo HTML no es una imagen. Su apariencia depende del motor del navegador, el tamaño de la ventana gráfica, las fuentes disponibles, las hojas de estilo vinculadas, los scripts y los archivos de imagen referenciados. Por lo tanto, una página guardada puede requerir su carpeta de recursos asociada o una versión independiente con CSS e imágenes incrustados.

Qué es el formato JPG

JPG, también llamado JPEG, es un formato de imagen rasterizada aplanada que utiliza compresión con pérdida. Es compatible con navegadores, teléfonos, aplicaciones de oficina, editores de imágenes, plataformas sociales y sistemas de carga que no aceptan HTML.

JPG es eficaz para páginas representadas que contienen fotografías, degradados y otro contenido de tonos continuos. Normalmente crea un archivo más pequeño que una captura de pantalla sin comprimir, pero no conserva la estructura HTML, los hipervínculos, el texto seleccionable, los formularios, las animaciones ni el comportamiento interactivo. JPEG no admite transparencia; las áreas transparentes requieren un fondo sólido.

Convertir con el conversor integrado

1. Abra el conversor de HTML a JPG en 101convert.com. La conversión puede realizarse de forma gratuita sin instalar software.
2. Seleccione o arrastre el archivo .html o .htm.
3. Si la página utiliza enlaces relativos a CSS, imágenes, fuentes o scripts, conserve los archivos de recursos necesarios. Cargue un ZIP solo si el conversor acepta sitios web empaquetados; de lo contrario, cree un archivo HTML independiente o utilice un método de representación local.
4. Elija JPG como formato de salida e inicie la conversión.
5. Abra la imagen descargada y compruebe el ancho de la página, la altura completa, las fuentes, las imágenes y el ajuste del texto. Vuelva a realizar la conversión después de cambiar la ventana gráfica o los recursos de origen si el resultado está incompleto.

Convertir localmente con wkhtmltoimage

wkhtmltoimage es un renderizador de línea de comandos para archivos HTML locales. Una conversión básica es:

wkhtmltoimage --format jpg --quality 90 input.html output.jpg

Utilice una ruta de archivo absoluta o una URL file:// cuando no se encuentren los recursos relativos. El ajuste --quality normalmente acepta valores de 0 a 100; los valores más altos reducen los artefactos de JPEG y aumentan el tamaño del archivo. Este renderizador puede diferir de un navegador actual en CSS moderno, fuentes web externas, páginas con mucho JavaScript y páginas que restringen el acceso a archivos locales.

Para obtener un resultado fiel al navegador, abra la página en Chrome u otro navegador actual con la ventana gráfica necesaria y capture la página representada con su herramienta de captura de pantalla para desarrolladores. La captura de página completa del navegador suele producir PNG; convierta ese PNG a JPG en un editor de imágenes cuando necesite un archivo JPG.

Limitaciones de calidad y compatibilidad

• Establezca la ventana gráfica prevista antes de la representación. Una ventana gráfica estrecha puede activar el CSS para móviles, mientras que una ventana más ancha puede cambiar el ajuste de línea y la altura de la página.
• Las páginas largas pueden producir JPG extremadamente altos. Si el destino limita las dimensiones de la imagen, represente secciones independientes o utilice PDF para contenido de varias páginas.
• El texto pequeño, las líneas finas, los diagramas y los gráficos de colores planos pueden mostrar artefactos de compresión. Utilice un ajuste de calidad de alrededor de 90–95 o use PNG cuando los bordes nítidos sean más importantes que el tamaño del archivo.
• Las páginas que cargan recursos desde Internet pueden representarse de forma incompleta sin acceso a la red. Los recursos locales fallan cuando falta la estructura de directorios relativa o sus rutas no son válidas.
• El contenido generado por JavaScript debe terminar de cargarse antes de la captura. Los avisos de cookies, las animaciones, las imágenes cargadas de forma diferida y los componentes adaptables pueden cambiar el resultado entre ejecuciones.
• El resultado registra la apariencia en lugar de la semántica del documento. Normalmente, un JPG no contiene texto que se pueda buscar o seleccionar y no se puede editar como HTML.