Convertidor de HTML a imagen gratis

Pega tu HTML y CSS, define el viewport y descarga el resultado renderizado como PNG, JPG o WebP. El código se ejecuta en un navegador headless real, así que flexbox, grid, degradados y fuentes web se ven exactamente igual que en tu sitio. 20 renderizados al día sin cuenta.
Convertidor de HTML a imagen gratis

Convierte tu HTML en una imagen

Pega hasta 100 KB de HTML y CSS, elige ancho, alto, escala y formato, y haz clic en Renderizar.

Un diseño, campos con nombre, una imagen por petición

La consola API de DynaPictures con una petición de generación de imagen y su respuesta

El marcado acaba convertido en imagen porque algo más adelante la necesita: una tarjeta de Open Graph, un recibo, un certificado al registrarse. DynaPictures guarda ese diseño como una plantilla cuyos textos, colores e imágenes son campos con nombre, y una sola llamada REST devuelve el archivo listo en menos de 300 ms.

Campos de texto, imagen y color por capa
Envía un JSON y recibe la imagen
Salida en PNG, JPEG, PDF o PPTX

Cómo convertir HTML a PNG o JPG

1.

Pega el HTML y el CSS

Copia tu código en el editor, con estilos inline o un bloque de estilos. Hasta 100 KB por renderizado; se permiten enlaces a Google Fonts.

2.

Elige tamaño y formato

Indica ancho y alto en píxeles, escala de dispositivo 1x o 2x para una salida retina nítida, y PNG, JPG o WebP como formato.

3.

Renderiza y descarga

Haz clic en Renderizar. La imagen aparece en unos segundos y el enlace de descarga sigue activo durante 24 horas.

Por qué usar este convertidor de HTML a imagen

Renderizado en navegador real

Tu HTML se maqueta con Chromium headless, así que CSS grid, flexbox, sombras y degradados se ven exactamente igual que en un navegador.

Listo para retina

Elige la escala 2x para obtener una imagen con el doble de densidad de píxeles y texto nítido en pantallas de alta resolución.

Tres formatos de salida

Exporta PNG cuando necesites transparencia, JPG para fotos y archivos pequeños, o WebP para páginas web modernas.

Aislado y seguro

JavaScript está desactivado y solo se pueden cargar Google Fonts desde fuera, así que nada se ejecuta y nada se filtra.

Cómo funciona la conversión de HTML a imagen

La herramienta carga tu código en un navegador headless aislado con el viewport que elijas, espera a que carguen las fuentes y captura la página como mapa de bits. JavaScript está desactivado y las peticiones externas distintas de Google Fonts se bloquean, lo que mantiene el renderizado rápido y predecible. El resultado equivale a una captura de ese HTML, pero exactamente con el tamaño y la escala que pediste.

Límites gratuitos

20 renderizados al día por visitante, hasta 100 KB de HTML y CSS por renderizado, descargas guardadas durante 24 horas.

Renderizado desde código

El límite diario es el mismo para cada visitante. La plataforma de DynaPictures es la otra vía: renderiza tus propias plantillas con la API, Zapier o Make, o rellénalas desde una hoja de cálculo.

Fuentes y recursos

Enlaza Google Fonts en tu HTML; otras hojas de estilo, scripts e imágenes externas se bloquean en la herramienta gratuita, así que incrústalos o usa data URLs.

Preguntas frecuentes

Pega el HTML en el editor, elige PNG como formato, define ancho y alto y haz clic en Renderizar. La descarga se inicia desde el panel de resultado.