Ir al contenido

Convertir HTML a SVG

Convierte un fragmento de HTML y CSS en una imagen.

Cargando…

Pega HTML y CSS —una tarjeta, una insignia, una cita, una tabla con estilo— y míralo al instante como imagen SVG. La altura sigue al contenido, el fondo puede quedar transparente y puedes descargar el SVG o un PNG nítido al doble o el triple de tamaño. Los scripts y los recursos externos se eliminan, así que la imagen es autónoma.

Cómo convertir HTML a SVG

  1. Paso 1

    Pega tu HTML y CSS.

  2. Paso 2

    Ajusta el ancho y el fondo.

  3. Paso 3

    Descarga el SVG o el PNG.

Por qué usar PhotoTools

CSS real

Degradados, sombras, fuentes y maquetación como los dibuja el navegador.

SVG y PNG

Un archivo vectorial o una imagen nítida hasta 3×.

Seguro y privado

Sin scripts, nada se sube.

Formatos compatibles

Entrada

  • HTML
  • CSS

Salida

  • SVG
  • PNG

Preguntas frecuentes

¿Por qué faltan mis imágenes o fuentes web?

Por seguridad y privacidad, la imagen no puede cargar archivos de otros sitios. Incluye imágenes y fuentes como data URL para conservarlas.

¿Dónde funciona el SVG?

Los SVG con HTML dentro se ven en todos los navegadores modernos; algunas herramientas de diseño que solo entienden formas vectoriales pueden no mostrar la parte HTML.

¿Es gratis?

Sí. Las herramientas del navegador de PhotoTools son gratis, ilimitadas y funcionan sin cuenta.

¿Se suben mis imágenes a un servidor?

No. Esta herramienta funciona por completo en tu navegador con WebAssembly. Tus imágenes nunca salen de tu dispositivo y no se guarda nada.