Por Claire Yoon7 min de lectura

Cómo convertir un WebP a SVG (se traza, no se guarda)

Un WebP es una imagen rasterizada, así que no puedes guardarlo como SVG. Hay que trazarlo. Aquí tienes cómo convertir un WebP en un vector real y limpio, y cómo evitar uno falso.

En esta página

Un WebP es una imagen rasterizada, una cuadrícula de píxeles como un JPG o un PNG. Así que no existe un "Guardar como SVG" que lo convierta en vector. Primero hay que trazar la imagen para convertirla en formas y trazados. La mayoría de los "conversores de WebP a SVG" pasan esto por alto, y algunos solo envuelven tus píxeles en un archivo .svg y lo dan por terminado, lo que no te da un vector real.

Aquí tienes cómo convertir realmente un WebP en un SVG limpio y editable, qué debes revisar y cuándo no conviene hacerlo.

La versión rápida
  • Un WebP es rasterizado, así que hay que trazarlo para convertirlo en vector, no "guardarlo" como uno.
  • Cuidado con los vectores falsos: un conversor que incrusta tu WebP dentro de un .svg (se seguirá pixelando).
  • WebP puede ser con pérdida o sin pérdida. Uno con pérdida arrastra ruido de compresión, así que empieza con la fuente más limpia.
  • El arte plano y de alto contraste se convierte bien. Las fotos no.
  • Traza uno con el conversor de WebP a SVG y luego comprueba que sea realmente editable.

Primero, la parte que la mayoría de los conversores omiten

Vale la pena aclarar qué está ocurriendo realmente, porque los principales resultados de búsqueda no lo hacen:

  • Un WebP almacena píxeles. Es excelente para la web (archivos pequeños, además de soporte para transparencia y animación), pero es rasterizado.
  • Un SVG almacena matemáticas: puntos, trazados y curvas que se mantienen nítidos a cualquier tamaño.

No existe una "conversión" sin pérdida entre los dos. Pasar de WebP a SVG significa redibujar los píxeles como formas, lo que se llama vectorización (trazado). Por eso una conversión real necesita un trazador en lugar de cambiar el nombre del archivo.

La trampa que debes evitar: muchos conversores genéricos de archivos producen un SVG que en realidad es solo tu WebP incrustado dentro de un contenedor .svg. Tiene la extensión correcta, pero se sigue desenfocando al escalarlo y no puedes editar una sola forma. Si tu "SVG" se pixela al hacer zoom, eso fue lo que ocurrió. Necesitas una herramienta que trace la imagen en trazados reales.

¿Con pérdida o sin pérdida? Cambia lo que obtienes

WebP viene en dos variantes, y cuál tengas afecta el trazado:

  • WebP con pérdida (la exportación web más común) usa compresión como un JPG, así que arrastra artefactos y bordes suaves y ruidosos. Un trazado los captura, por eso conviene partir de la versión de mayor calidad que tengas. (El mismo problema que al convertir un JPG a SVG.)
  • WebP sin pérdida mantiene los bordes nítidos como un PNG, así que se traza con limpieza. (Consulta cómo convertir un PNG a SVG sin perder calidad para ver el método con una fuente limpia.)

WebP también admite transparencia, así que si tu imagen tiene un fondo transparente, usa un conversor que la conserve. De lo contrario, obtendrás un rectángulo relleno no deseado detrás de tus formas.

Cómo convertir un WebP a SVG, paso a paso

  1. Empieza con la mejor fuente. Usa el WebP original y de mayor calidad. Si es un archivo con pérdida muy comprimido, espera un trazado más ruidoso.
  2. Usa un vectorizador real en lugar de un conversor genérico de archivos. Necesitas una herramienta que trace la imagen en trazados, no una que incruste la imagen raster.
  3. Vectorízalo. Arrastra el WebP al conversor de WebP a SVG y deja que reconstruya la imagen como trazados limpios y con pocos nodos.
  4. Simplifica los colores y conserva la transparencia. Fusiona colores casi duplicados (WebP con pérdida añade algunos) y asegúrate de que un fondo transparente siga siendo transparente.
  5. Descárgalo y revísalo (consulta la sección siguiente).

Cómo se ve esto con PerfectVector

El objetivo con un WebP es un vector real: trazados limpios que puedas editar, no tus píxeles disfrazados. Eso es lo que produce PerfectVector. Traza el WebP en trazados suaves y con pocos nodos, mantiene intacta la transparencia y te da un editor de color para fusionar los colores extra que introduce un WebP con pérdida. Puedes convertir un WebP en un SVG limpio, inspeccionar los trazados por tu cuenta y convertir tus primeras imágenes gratis, sin tarjeta de crédito.

Antes
Un WebP con pérdida de un emblema simple con bordes suaves y ruidosos, incrustado como imagen raster dentro de un SVG, por lo que todavía se pixela al ampliarlo
Un WebP envuelto en un .svg: siguen siendo píxeles y sigue viéndose borroso al escalarlo.
Después
El mismo emblema trazado como un SVG real, con trazados limpios, editables y con pocos nodos que se mantienen nítidos a cualquier tamaño
Un trazado real, con trazados limpios y editables que se mantienen nítidos a cualquier tamaño.

Revisión rápida del resultado. Una conversión real de WebP a SVG tiene:

  • Trazados editables en lugar del WebP incrustado en un .svg (haz zoom y debería mantenerse nítido).
  • Pocos nodos, es decir, curvas limpias en lugar de miles de puntos (más sobre por qué importa tener pocos nodos).
  • Transparencia conservada, si la fuente la tenía, sin ningún rectángulo de fondo no deseado.
  • Una paleta ordenada, solo los colores que querías y no los extra que añadió un WebP con pérdida.

Cuándo omitir el conversor

El trazado no es adecuado para todos los WebP:

  • Las fotografías y las imágenes fotorrealistas se aplanan en manchas posterizadas, así que mantenlas como imágenes raster.
  • El arte con muchos degradados o texturas pierde su sutileza. Reconstrúyelo como formas planas si necesitas un vector.
  • Los WebP diminutos o muy comprimidos no se pueden rescatar. Busca una fuente mejor o recrea la ilustración.

Como siempre, la vectorización es para arte plano e ilustrativo, como logos, iconos y gráficos simples, no para fotos. (¿Esto es nuevo para ti? Empieza con qué es la vectorización de imágenes.)

Preguntas frecuentes

¿Puedo simplemente guardar un WebP como SVG? No. Un WebP es una imagen rasterizada (píxeles), y un SVG es un vector (formas y trazados). Ningún "Guardar como" convierte uno en el otro. La imagen debe trazarse en formas vectoriales, que es lo que hace un vectorizador.

¿Por qué mi WebP todavía se ve pixelado después de "convertirlo" a SVG? Probablemente un conversor genérico incrustó tu WebP dentro de un contenedor .svg en lugar de trazarlo. Eso es un vector falso y se seguirá pixelando. Usa una herramienta que trace la imagen en trazados reales y editables.

¿Puedo convertir un WebP a SVG gratis? Sí. Sube tu WebP a un vectorizador, simplifica los colores y descarga el SVG. Puedes convertir tus primeras imágenes gratis, sin tarjeta de crédito. Solo confirma que el resultado sea un vector trazado real y no el WebP envuelto en un .svg.

¿La transparencia de WebP se conserva en el SVG? Puede conservarse si usas un conversor que la preserve. WebP admite transparencia, y un buen trazado mantiene el fondo transparente para que no obtengas un rectángulo relleno no deseado.

¿Puedo convertir una foto de WebP a SVG? Puedes, pero normalmente no deberías. Las fotos tienen demasiados tonos y degradados para convertirse en formas limpias, así que obtendrás una mancha posterizada o un archivo enorme. La vectorización es para logos, iconos e ilustraciones.


¿Tienes un logo o gráfico WebP que necesitas escalar? Conviértelo en un SVG real y editable, trázalo, simplifica los colores y descárgalo en segundos.

Más del blog

¿Listo para crear
vectores perfectos?