SVG a WebP v1.0

Un conversor de SVG a WebP rasteriza un gráfico vectorial y lo guarda como imagen WebP, con la transparencia intacta y un peso pensado para la web. El conversor de SVG a WebP de DocPivot funciona dentro de tu navegador y te deja elegir la resolución de salida hasta 4096 píxeles en el lado largo, en lugar de decidirla por ti. En una prueba interna, un render de 2048 × 2048 píxeles ocupó 77.984 bytes y conservó 1.675.052 píxeles transparentes. Puedes convertir hasta 30 archivos en un mismo lote.

Qué es el conversor de SVG a WebP de DocPivot

Funcionalidad principal

La herramienta dibuja el XML de tu SVG sobre un lienzo a la resolución que elijas y codifica el resultado en WebP con libwebp compilado a WebAssembly. La calidad se fija en 95 con sharp YUV, un ajuste que protege los bordes duros de los que está hecho el dibujo vectorial. El canal alfa se mantiene entero, así que la imagen se apoya sobre cualquier fondo sin recuadros blancos. Un archivo suelto conserva su nombre; varios llegan en un ZIP con las dimensiones exactas indicadas en cada tarjeta.

Usuarios objetivo y casos de uso

Lo usan diseñadores, desarrolladores front-end y equipos de marketing que necesitan un logotipo o un icono como mapa de bits. Aparece en plantillas de correo que no admiten vectores, en plataformas que bloquean SVG por seguridad, en anuncios de redes sociales, en fichas de producto de Amazon.es o Wallapop y en kits de marca que una agencia entrega a un cliente. También lo usan autónomos que preparan material gráfico sin licencias de Illustrator.

Problema y solución

El problema real no es convertir, sino el tamaño de salida. La mayoría de conversores rasteriza el SVG a las dimensiones declaradas en el atributo width, que en un icono suele ser de 24 o 64 píxeles, y devuelve una imagen minúscula que se ve borrosa en cuanto la amplías. Aquí eliges entre 1200, 2048 o 4096 píxeles y el trazo se vuelve a dibujar desde las rutas del vector, no se estira desde un mapa de bits pequeño. Si el destino exige nitidez absoluta, el conversor de SVG a PNG te da la alternativa sin pérdida.

Principales ventajas de convertir SVG a WebP

• Resolución que eliges tú: tres tamaños reales y distintos (4096, 2048 y 1200 píxeles) en lugar de una única suposición hecha en tu nombre.
• Nitidez a cualquier tamaño: el rasterizador recorre las rutas otra vez en cada tamaño, de modo que un icono de 64 píxeles se convierte en un recurso de 4096 píxeles utilizable.
• Transparencia verificada: WebP admite alfa real, así que el fondo no se aplana a blanco ni aparece un halo alrededor del logotipo.
• Archivos ligeros para páginas rápidas: WebP pesa menos que PNG con calidad comparable, y el resultado se puede afinar después con el compresor de imágenes si tu presupuesto de bytes es estricto.
• Sin subidas ni colas: el archivo no sale de tu ordenador, lo que importa cuando el material todavía no se ha publicado.
• Sin límite diario: no hay contador de conversiones ni registro, algo poco habitual entre las herramientas gratuitas.
• Formato coherente con el resto del sitio: si ya sirves fotografía en WebP con el conversor de PNG a WebP, mantienes un solo formato en toda la plantilla.

Funciones clave del conversor

• Tres resoluciones de salida: 4096, 2048 (valor por defecto) y 1200 píxeles medidos sobre el lado más largo del dibujo.
• Rasterizado desde las rutas: cada tamaño se genera recorriendo la geometría original, sin ampliar un mapa de bits previo.
• Canal alfa conservado: las zonas transparentes y las semitransparentes llegan al WebP tal como estaban en el vector.
• Codificación con sharp YUV: el submuestreo de color se calcula con más cuidado en las transiciones bruscas, que es justo donde sufre el arte vectorial.
• Calidad fija en 95: un punto alto de la escala lossy, elegido para que el primer paso con pérdida sobre un origen sin pérdida apenas se note.
• Lotes de hasta 30 archivos: útil para una familia completa de iconos o para el set de logotipos de una marca.
• Entrega en ZIP: varias conversiones se agrupan en un único descargable con las dimensiones producidas a la vista.
• Procesamiento en el navegador: un elemento y un lienzo 2D hacen el rasterizado; libwebp en WebAssembly hace la codificación.
• Sin clave de API ni cuenta: abres la página y conviertes, sin correo electrónico ni verificación.
• Encaje con el resto del flujo: el resultado se puede recortar, redimensionar o pasar por el redimensionador de imágenes antes de subirlo al CMS.
• Salida directa a iconos: para el favicon de un proyecto, el generador de favicons parte del mismo vector con los tamaños que pide el navegador.
• Compatibilidad con otros formatos de origen: si el lote mezcla vectores y mapas de bits, el conversor de imágenes cubre el resto de combinaciones.

Cómo funciona el conversor de SVG a WebP de DocPivot

1. Arrastra uno o varios archivos SVG a la zona de carga. Nada se envía a un servidor: el navegador lee el archivo desde tu disco.
2. Elige la resolución de salida entre 4096, 2048 y 1200 píxeles. El valor por defecto es 2048, suficiente para pantallas de alta densidad.
3. El vector se carga en un elemento y se dibuja sobre un lienzo al tamaño solicitado, con la transparencia intacta.
4. libwebp codifica el lienzo a WebP con calidad 95 y sharp YUV, el paso donde se decide la nitidez de los bordes.
5. Descarga el archivo con su nombre original, o el ZIP si has convertido varios. Si necesitabas un formato fotográfico, el conversor de SVG a JPG hace el mismo recorrido con salida JPG.

Cuándo usar el conversor de SVG a WebP

Este conversor es útil cuando el destino no acepta vectores pero sí necesita transparencia y poco peso. Es el caso de casi todo el marketing digital: correos, anuncios, marketplaces y CMS que filtran el SVG porque puede contener scripts. También sirve cuando quieres unificar el formato de imagen de una web y el logotipo es lo único que sigue en vectorial.

• Logotipos en cabeceras web: un WebP de 1200 píxeles pesa poco y evita que el navegador tenga que interpretar XML en cada carga.
• Plantillas de correo electrónico: los clientes de correo ignoran el SVG casi sin excepción, así que un mapa de bits es la única opción segura.
• Anuncios y creatividades sociales: Instagram, TikTok y Meta Ads piden formatos rasterizados con medidas concretas.
• Fichas de producto en marketplaces: Amazon.es, Wallapop o Milanuncios rechazan vectores en la subida de imágenes.
• CMS con SVG bloqueado: muchas instalaciones de WordPress desactivan la subida de vectores por política de seguridad.
• Kits de marca para clientes: entregar el logotipo en varios tamaños rasterizados evita que el cliente lo amplíe mal.
• Migración de PNG a formatos modernos: si ya estás pasando fotografías con el conversor de JPG a WebP, conviene que los vectores sigan el mismo camino.

Hay un caso en el que conviene parar: si el gráfico va a impresión, a una serigrafía o a un rótulo, el vector original es lo correcto y cualquier rasterizado te ata a una resolución fija. Para pruebas de compresión más agresivas, el conversor de PNG a AVIF ofrece otro punto de comparación.

Casos de uso reales

Agencia que entrega un kit de marca

Contexto: un estudio de Valencia cierra la identidad de una pyme y debe entregar el logotipo listo para uso digital.

• Convierte el SVG maestro a 4096, 2048 y 1200 píxeles.
• Comprueba que la transparencia sigue intacta en cada versión.
• Añade los tres WebP al ZIP de entrega junto al vector original.

Resultado: el cliente tiene un archivo listo para cada contexto y deja de pedir versiones sueltas por correo.

Tienda online que reduce el peso de la página

Contexto: una tienda de PrestaShop carga doce iconos SVG en cada página de categoría.

• Convierte el set completo en un lote de doce archivos.
• Elige 1200 píxeles, más que suficiente para iconos de interfaz.
• Recorta los márgenes sobrantes con el recortador de imágenes.

Resultado: el navegador sirve mapas de bits cacheables en lugar de interpretar doce documentos XML.

Autónomo que prepara una campaña de correo

Contexto: un consultor SEO monta una newsletter en Mailchimp y su logotipo solo existe en SVG.

• Rasteriza el vector a 1200 píxeles con fondo transparente.
• Comprueba la vista previa sobre el fondo gris de la plantilla.
• Sube el WebP y guarda un PNG de respaldo para clientes antiguos.

Resultado: el logotipo se ve nítido en pantallas Retina sin que el correo gane peso apreciable.

Equipo de producto que documenta una interfaz

Contexto: un equipo exporta diagramas de Figma en SVG y los publica en su documentación interna.

• Convierte cada diagrama a 2048 píxeles para verlo con detalle.
• Marca las versiones internas con el marcador de agua para imágenes.
• Publica los WebP en el wiki del equipo.

Resultado: la documentación se ve igual en todos los navegadores, sin depender de la interpretación del SVG.

Por qué un SVG no tiene tamaño real y qué implica al convertirlo

Un SVG no tiene resolución: describe formas mediante coordenadas, no mediante píxeles. Por eso, cuando lo conviertes a WebP, alguien tiene que decidir a cuántos píxeles se dibuja, y ahí es donde fallan la mayoría de conversores online. Si el archivo declara width="24" porque nació como icono de interfaz, el conversor típico devuelve un WebP de 24 píxeles y el usuario piensa que la herramienta ha estropeado el dibujo.

Dibujar a 4096 píxeles no es ampliar el resultado de 1200: es volver a ejecutar el rasterizador sobre las mismas rutas matemáticas, de modo que las curvas se calculan otra vez a esa densidad. La diferencia se nota en los bordes diagonales y en los textos pequeños. A cambio, los tamaños grandes consumen memoria: un lienzo cuadrado de 4096 píxeles ocupa unos 67 MB antes de comprimir, así que en un móvil antiguo conviene quedarse en 2048.

Conviene recordar que el WebP resultante ya es un mapa de bits y no volverá a escalar. Si más adelante necesitas el vector, ninguna conversión lo recupera: guarda siempre el SVG original. Para volver a un formato sin pérdida, el conversor de WebP a PNG hace el camino inverso hacia PNG, aunque no devuelve la escalabilidad perdida.

Qué le pasa a cada parte del archivo

Los dos puntos que más problemas dan son las fuentes y las referencias externas. Si tu SVG llama a una tipografía que no tienes instalada, el navegador la sustituye en silencio y el texto cambia de forma: convierte el texto a curvas antes de exportar si la tipografía importa. Y si el vector incrusta una imagen o una hoja de estilos por URL, esos recursos no se recuperan. Con archivos animados ocurre lo mismo que en el conversor de GIF a WebP cuando se pide una imagen fija: solo sobrevive un fotograma.

Privacidad, RGPD y procesamiento en el navegador

La conversión de imágenes ocurre por completo en tu navegador, sin subida ni cola de servidor. Esa diferencia técnica tiene consecuencias legales concretas en España: si el archivo nunca sale de tu equipo, no hay transferencia de datos a un tercero y no necesitas un contrato de encargado de tratamiento con el proveedor de la herramienta. El RGPD y la LOPDGDD giran precisamente sobre quién trata los datos y dónde.

Esto importa más de lo que parece en dos escenarios habituales. El primero es el material de marca sin publicar: un logotipo que subes a un servidor ajeno deja de estar bajo tu control, aunque la web prometa borrarlo en 8 o 24 horas. El segundo son los SVG que contienen datos: gráficos exportados desde una hoja de cálculo con cifras de facturación, o diagramas de arquitectura interna. El principio de minimización de datos que recomienda la AEPD se cumple solo si el dato no viaja.

Preguntas frecuentes