Convertir SVG a WebP Online
Convierte vectores SVG a imágenes WebP raster. Ideal para emails, redes sociales y Open Graph. Gratis, en tu navegador.
.webp, .png, .jpg · hasta 50 MB
Casos de uso principales
SVG a WebP: de vector a web en segundos
Open Graph y Twitter Cards
Genera og:image de 1200×630 px desde tu diseño SVG para previews perfectas en Facebook, Twitter/X y LinkedIn.
Emails HTML compatibles
Los clientes de email no renderizan SVG. Convierte logos e ilustraciones a WebP para máxima compatibilidad.
Sin instalaciones
Alternativa online a exportar desde Figma, Illustrator o Sketch. Sin plugins, sin cuentas, sin límites.
Resolución a medida
Elige exactamente el tamaño de píxeles que necesitas. Perfecto para banners, favicons y thumbnails.
Cómo funciona
Tres pasos, sin complicaciones
Sube tu archivo SVG
Arrastra o selecciona tu SVG exportado de Figma, Illustrator, Sketch o cualquier editor vectorial.
Elige resolución y calidad
Selecciona el tamaño de salida en píxeles. Para Open Graph (og:image) el estándar es 1200×630 px.
Descarga el WebP
Obtén tu imagen raster WebP lista para usar en emails HTML, Twitter/X Cards, Facebook og:image o cualquier plataforma que no soporte SVG embebido.
Preguntas frecuentes
¿Tienes dudas?
SVG es un formato vectorial (basado en matemáticas, infinitamente escalable sin pérdida) mientras que WebP es un formato raster (basado en píxeles). La conversión implica rasterizar el vector a una rejilla de píxeles. No hay pérdida de la fidelidad matemática del vector, sino una resolución fija. Si renderizas a 2000×2000 px o más, la calidad perceptual será excelente en cualquier pantalla. La compresión WebP sí aplica pérdida, pero con calidad al 90% la diferencia frente al SVG original es invisible en pantalla — solo visible bajo zoom extremo pixel a pixel.
Los clientes de email (Gmail, Outlook, Apple Mail, Yahoo Mail) no renderizan SVG embebido por razones de seguridad: un SVG puede contener JavaScript, scripts externos y otros vectores de ataque XSS. Esta restricción está documentada en la guía de HTML de email de Litmus y Campaign Monitor desde 2016. Para emails, la única opción compatible universalmente es usar imágenes raster (PNG, JPG o WebP). Convertir el logo o ilustración SVG a WebP es el flujo correcto para plantillas de email HTML.
Los tamaños recomendados actualizados a 2025 son: Facebook og:image y Twitter/X Card 1200×630 px (ratio 1.91:1); LinkedIn imagen compartida 1200×627 px; Instagram feed 1080×1080 px (cuadrado) o 1080×1350 px (vertical); Pinterest 1000×1500 px (ratio 2:3). Para favicon, usa 32×32 o 64×64 px. Para banners de email, el ancho estándar es 600 px. Exportar el SVG a la resolución exacta garantiza que las plataformas no reescalen la imagen, lo que puede introducir artefactos de interpolación.
El SVG es superior en contextos donde se necesita escalabilidad infinita y tamaño de archivo mínimo: logos en sitios web (usando la etiqueta img o inline), iconos en interfaces de usuario, ilustraciones interactivas con CSS/JavaScript, y mapas. Para todos estos casos, SVG es la elección correcta. La conversión a WebP tiene sentido cuando el destino no soporta SVG (emails, la mayoría de plataformas sociales, editores WYSIWYG básicos) o cuando necesitas un tamaño de archivo predecible y fijo.
Sí. WebP soporta transparencia de canal alfa completa, equivalente al canal alfa de PNG. Si tu SVG tiene fondo transparente (sin elemento rect de fondo o con fill="none"), el WebP resultante preservará esa transparencia. Esto es especialmente útil para logos y elementos de UI que necesitas superponer sobre diferentes fondos en emails o presentaciones. A diferencia de JPG (que no soporta transparencia y rellena con blanco), WebP mantiene la información de alfa.
El conversor renderiza el SVG usando el motor de renderizado del navegador (el mismo que usa Chrome o Firefox para mostrar SVGs en páginas web). Las fuentes del sistema operativo están disponibles. Sin embargo, las fuentes cargadas mediante @font-face desde URLs externas pueden no estar disponibles si el servidor tiene restricciones CORS o si las URLs apuntan a recursos de terceros. Para garantizar el renderizado correcto de fuentes, lo más fiable es convertir los textos a trazados (outlines) en Figma o Illustrator antes de exportar el SVG.
Convertir SVG a WebP: de diseño vectorial a imagen web optimizada
SVG (Scalable Vector Graphics) es un formato de imagen vectorial basado en XML, estandarizado por el W3C en la especificación SVG 1.1 (segunda edición, agosto de 2011) y actualmente en desarrollo la versión SVG 2. Los gráficos vectoriales son ideales para logos, iconos e ilustraciones porque escalan perfectamente a cualquier resolución sin pérdida de calidad, y sus archivos son relativamente pequeños para gráficos geométricos. Sin embargo, SVG tiene limitaciones importantes en el ecosistema web actual: los clientes de email (Gmail, Outlook, Yahoo Mail) bloquean SVG por razones de seguridad desde aproximadamente 2016; las plataformas de redes sociales no aceptan SVG para imágenes de perfil, portadas o metaetiquetas og:image; y muchos sistemas de gestión de contenido, editores de texto enriquecido y plataformas de comercio electrónico no permiten subir SVG. WebP, el formato de imagen web de Google (especificación publicada en 2010, basada en VP8), cubre todas estas necesidades: es raster (compatible con cualquier sistema), tiene soporte de transparencia (canal alfa) y alcanza el 97% de compatibilidad de navegadores en 2025.
El flujo de trabajo SVG a WebP es especialmente relevante en equipos de diseño que trabajan con Figma, Adobe Illustrator o Sketch. Estos equipos exportan assets en SVG para preservar la calidad vectorial durante el proceso de diseño, pero necesitan formatos raster para la entrega final en múltiples canales. La alternativa tradicional era exportar a PNG (sin pérdida pero archivos grandes) o JPG (con pérdida y sin transparencia). WebP ofrece lo mejor de los dos: compresión con pérdida 25-34% mejor que JPEG (con canal alfa cuando se necesita) o compresión sin pérdida con archivos más pequeños que PNG. Para las metaetiquetas og:image (Open Graph, especificación de Facebook publicada en 2010 y adoptada universalmente) el tamaño recomendado es 1200×630 px; generar este asset directamente desde el SVG del diseño en Figma garantiza la máxima calidad y el control exacto de composición.
Técnicamente, la conversión de SVG a WebP en el navegador utiliza el canvas API del HTML5 (estandarizado por el W3C en la especificación HTML5 de 2014): el SVG se renderiza en un elemento canvas a la resolución deseada usando drawImage(), y después el canvas se serializa a WebP mediante toBlob() con el tipo MIME image/webp. Este proceso utiliza el motor de renderizado nativo del navegador — el mismo motor que renderiza SVGs en páginas web — garantizando fidelidad visual total y compatibilidad con todas las características de SVG 1.1 que el navegador soporte. Las limitaciones son las mismas que las del navegador: SVGs con scripts, fuentes externas con CORS, o filtros SVG muy complejos pueden rendir de forma diferente a lo esperado. Para SVGs simples (logos, iconos, ilustraciones planas), la fidelidad es perfecta. Convertir.ai realiza todo el proceso localmente, sin enviar el SVG a ningún servidor.