Esta API transformará tu HTML y CSS en imágenes para que las tengas.
Pasa el HTML y CSS en bruto a la API como se muestra, y recibe un enlace de imagen para que accedas a lo que se está creando con tu código.
API ideal para proyectos que necesitan visualizar sus códigos con imágenes. Ideal para presentaciones.
Además, esta es una muy buena herramienta para plataformas de aprendizaje que podrían mostrar a sus usuarios lo que están creando con el código que han aprendido recientemente.
Además de las limitaciones de llamadas a la API por mes, no hay otras limitaciones.
Recibe una URL en la respuesta que muestra el HTML en una imagen en los formatos PNG, JPEG o WebP después de enviarlo en la solicitud junto con un parámetro CSS opcional.
Usando el argumento del selector, puedes decidir capturar una captura de pantalla de un cierto elemento HTML.
HTML y CSS a imagen - Características del Endpoint
| Objeto | Descripción |
|---|---|
Cuerpo de la Solicitud |
[Requerido] Json |
{"url":"https://htmltoimage-s3bucket-1lw6aoyde4nz5.s3.amazonaws.com/64b0ac4f-471d-47c7-823b-5973a2949063.png"}
curl --location --request POST 'https://zylalabs.com/api/766/html+and+css+to+image+api/498/html+and+css+to+image' --header 'Authorization: Bearer YOUR_API_KEY'
--data-raw '{
"html": "Hello World
",
"css":"",
"ms_delay": 250,
"selector": "",
"format": "png",
"device_scale": 1
}'
| Encabezado | Descripción |
|---|---|
Autorización
|
[Requerido] Debería ser Bearer access_key. Consulta "Tu Clave de Acceso a la API" arriba cuando estés suscrito. |
Sin compromiso a largo plazo. Mejora, reduce o cancela en cualquier momento. La Prueba Gratuita incluye hasta 50 solicitudes.
La API devuelve un objeto JSON que contiene una URL que enlaza a la imagen generada. Esta imagen representa la salida renderizada del HTML y CSS proporcionados.
El campo principal en los datos de respuesta es "url", que contiene el enlace directo a la imagen generada en formatos como PNG, JPEG o WebP.
El endpoint acepta parámetros para HTML sin formato, CSS opcional y un argumento de selector para especificar qué elemento HTML capturar como imagen.
Los usuarios pueden personalizar las solicitudes incluyendo código HTML y CSS específicos, así como usar el parámetro de selector para apuntar a elementos particulares para la generación de imágenes.
Los datos de respuesta están estructurados como un objeto JSON, con el campo "url" proporcionando el enlace a la imagen generada, lo que facilita el acceso y la visualización.
Los casos de uso comunes incluyen generar imágenes para la visualización de código en plataformas educativas, crear visuales para presentaciones y capturar elementos HTML específicos para la documentación.
La API se basa en motores de renderizado para convertir con precisión HTML y CSS en imágenes, asegurando que la salida coincida de cerca con el diseño previsto según lo codificado por el usuario.
Los usuarios pueden esperar un resultado consistente en forma de una URL que enlace a la imagen generada, con variaciones basadas en el HTML, CSS y cualquier selector especificado.
Nivel de Servicio:
100%
Tiempo de Respuesta:
2.355ms
Nivel de Servicio:
100%
Tiempo de Respuesta:
3.041ms
Nivel de Servicio:
100%
Tiempo de Respuesta:
11.424ms
Nivel de Servicio:
100%
Tiempo de Respuesta:
2.323ms
Nivel de Servicio:
100%
Tiempo de Respuesta:
7.228ms
Nivel de Servicio:
100%
Tiempo de Respuesta:
4.289ms
Nivel de Servicio:
100%
Tiempo de Respuesta:
16.911ms
Nivel de Servicio:
100%
Tiempo de Respuesta:
3.483ms
Nivel de Servicio:
100%
Tiempo de Respuesta:
11.992ms
Nivel de Servicio:
100%
Tiempo de Respuesta:
14.389ms
Nivel de Servicio:
100%
Tiempo de Respuesta:
754ms
Nivel de Servicio:
100%
Tiempo de Respuesta:
2.204ms
Nivel de Servicio:
100%
Tiempo de Respuesta:
180ms
Nivel de Servicio:
100%
Tiempo de Respuesta:
742ms
Nivel de Servicio:
100%
Tiempo de Respuesta:
626ms
Nivel de Servicio:
100%
Tiempo de Respuesta:
411ms
Nivel de Servicio:
100%
Tiempo de Respuesta:
360ms
Nivel de Servicio:
100%
Tiempo de Respuesta:
868ms
Nivel de Servicio:
100%
Tiempo de Respuesta:
151ms
Nivel de Servicio:
100%
Tiempo de Respuesta:
246ms