Convertidor de HTML a Imagen

Pegue sus estilos HTML y CSS en el panel de entrada, ajuste las dimensiones de exportación y haga clic en "Exportar" para descargar un PNG o JPG.

Sí. La herramienta agrupa los elementos DOM dentro de una etiqueta SVG `foreignObject` para compilar un diseño de imagen vectorial.

Sí, puede escribir manualmente los valores de ancho y alto del objetivo en píxeles para que se ajusten al tamaño de diseño deseado.

Escriba reglas de degradado de fondo CSS estándar en el editor de estilos o ajuste su contenido HTML dentro de un div contenedor con estilo.

Sí. El análisis y la rasterización se realizan íntegramente en su navegador. Su código propietario nunca se envía a un servidor.

No, la representación se calcula localmente en la zona de pruebas del lienzo de su navegador; no se llama a ninguna API externa.

Sí. Los renderizados están completamente libres de derechos de autor o restricciones de licencia; puedes utilizarlos libremente en documentaciones comerciales.

Esto se debe a la seguridad CORS (intercambio de recursos entre orígenes) del navegador. Las imágenes externas deben alojarse en servidores con encabezados de acceso entre orígenes.

Agregue el enlace de Google Font o la directiva `@import` dentro de las etiquetas `<style>` de su código HTML pegado para que el navegador pueda cargar la fuente.

Los motores de renderizado de Canvas admiten diseños CSS estándar (Flexbox, Grid, colores), pero es posible que las transformaciones avanzadas de WebGL/3D o las superposiciones de filtros complejas no se procesen perfectamente.