API HTML a imagen — renderizia tu HTML y CSS como imágenes o PDFs
Pega tu propio HTML y CSS en una plantilla HTML, marca las partes que cambian con placeholders de doble llave, y renderizia a PNG, JPEG, WebP o PDF con una llamada de API — dibujado por Chromium headless, por lo que el CSS moderno se renderizia como lo hace en Chrome.
100 renders / mes gratis · sin tarjeta · planes pagados nunca son bloqueadosPruébalo gratis: convierte HTML en un PNG en tu navegador →Cómo funciona
Pega tu HTML
Crea una plantilla HTML en el editor y pega tu marcado y estilos. Una vista previa en vivo muestra exactamente qué se renderizan.
Marca las variables
Envuelve cualquier cosa que cambie entre dobles llaves — un título, un precio, una URL de imagen. Los valores predeterminados de la plantilla rellenan lo que una solicitud deja fuera.
Renderizia vía API
POST el id de la plantilla con tus valores como modificaciones y obtén de vuelta una URL de imagen o PDF — o pon los valores en una URL firmada para etiquetas og:image y correo.
Una llamada a API
curl https://api.mostlyrender.com/v1/renders \
-H "Authorization: Bearer mr_test_YOUR_KEY" \
-H "Content-Type: application/json" \
-d '{"templateId":"tpl_html_card","modifications":{"title":"Northwind Co.","subtitle":"v2.4 · 14 Oct"}}'Preguntas
¿Puedo usar mi propio HTML en lugar del editor visual?
Sí. Una plantilla HTML mantiene tu marcado y CSS exactamente como se escribieron, y cualquier placeholder de doble llave se convierte en un parámetro de API. Las plantillas HTML y las plantillas de capa visual se renderizan a través de la misma API, así que puedes usar ambas en una cuenta.
¿Puedo enviar HTML sin procesar en cada solicitud de API?
No directamente. El HTML se encuentra en una plantilla guardada y cada solicitud envía solo los valores, lo que mantiene las solicitudes pequeñas y permite que renders idénticos se sirvan desde caché. Para capturar una página que ya está en línea, envía su URL al endpoint de captura de pantalla en su lugar.
¿Se renderizia el CSS de la manera que lo hace en mi navegador?
Las plantillas se renderizan por Chromium headless, por lo que el CSS moderno — flexbox, grid, propiedades personalizadas — se comporta como lo hace en Chrome.
¿Se escapan mis valores cuando rellenan un placeholder?
Sí. Un placeholder de doble llave inserta el valor como texto con caracteres HTML escapados, por lo que los datos del usuario no pueden inyectar marcado. Usa un placeholder de triple llave solo cuando deliberadamente quieras insertar HTML de confianza.
¿Cuáles formatos de salida son compatibles?
PNG (por defecto), JPEG, WebP y PDF desde la misma plantilla. Las URLs de render firmadas también aceptan q (0–100) para calidad de JPEG y WebP y scale (1–3) para salida más nítida en pantallas de alta densidad.
¿En qué se diferencia de HTMLCSStoImage?
Ambos convierten HTML y CSS en imágenes. MostlyRender agrega un editor de capa visual junto a plantillas HTML y factura excedentes a $3–$5 por 1,000 contra los $10 de HCTI en nuestra revisión de junio de 2026. HCTI es la forma más barata de entrar, a $14 por 1,000 imágenes.
¿Cuánto cuesta renderizar HTML como imagen?
Cada imagen o PDF es un render. El plan Free incluye 100 renders al mes; Starter es $19 por 2,000, Pro $49 por 10,000 y Scale $149 por 50,000, con excedentes publicados en lugar de un límite duro en planes pagados.