Convertidor online gratuito de SVG a WEBP

Qué es el formato SVG

SVG (Scalable Vector Graphics) es un formato vectorial basado en XML que almacena formas, trazados, texto, degradados y filtros como instrucciones de dibujo en lugar de píxeles fijos. Los logotipos, iconos, diagramas, ilustraciones y gráficos de interfaz suelen utilizar SVG porque la ilustración puede escalarse sin pixelarse.

Adobe Illustrator, Inkscape, Figma, Affinity Designer, CorelDRAW y las herramientas de diseño basadas en la web pueden crear archivos SVG. Los diseñadores y desarrolladores los utilizan para ilustraciones editables, gráficos web adaptables y recursos que deben representarse en varios tamaños.

Qué es el formato WEBP

WEBP es un formato de imagen rasterizada desarrollado por Google. Admite compresión con pérdida para imágenes fotográficas o ilustradas más pequeñas, compresión sin pérdida para gráficos que necesitan detalles exactos y un canal alfa para fondos transparentes.

WEBP puede reducir el tamaño del archivo en comparación con JPEG o PNG en muchos casos, pero el resultado es un mapa de bits con un ancho y una altura de píxeles definidos. Ampliarlo más allá de ese tamaño puede revelar desenfoque o artefactos de compresión, a diferencia de un SVG vectorial.

Cómo convertir un archivo SVG

Usar 101convert.com

Puedes convertir el archivo en 101convert.com de forma gratuita y sin instalar software. Abre el convertidor de SVG a WEBP, carga el archivo de origen, selecciona las opciones de salida disponibles, inicia la conversión y descarga el archivo .webp resultante. Comprueba que no falten fuentes, que los filtros no se hayan alterado, que los colores sean correctos y que no se haya perdido la transparencia antes de utilizarlo.

Usar GIMP

1. Abre el SVG en GIMP con File → Open.
2. Establece el ancho y la altura de renderizado cuando GIMP solicite la importación del SVG. Estos valores determinan las dimensiones en píxeles de la imagen WEBP.
3. Elige File → Export As…, introduce un nombre de archivo que termine en .webp y selecciona Export.
4. Elige un nivel de calidad o una codificación sin pérdida en el cuadro de diálogo de exportación de WEBP y, a continuación, confirma la exportación.

GIMP rasteriza el SVG al abrirlo, por lo que cambiar el tamaño de la imagen posteriormente no puede restaurar los detalles vectoriales. Importa el SVG con el mayor tamaño de visualización necesario o utiliza un renderizado de origen de mayor resolución para cambiar el tamaño más adelante.

Usar herramientas de línea de comandos

ImageMagick puede rasterizar un SVG y escribir WEBP con un solo comando cuando su instalación incluye un renderizador de SVG como librsvg:

magick -background none -density 192 input.svg -resize 1200x1200 -quality 85 output.webp

-background none conserva las áreas transparentes cuando el SVG y el renderizador admiten alfa. -density controla la resolución de rasterización inicial, mientras que -resize establece un tamaño de salida práctico. Ajusta las dimensiones al tamaño de visualización previsto; la densidad por sí sola no garantiza un ancho y una altura finales específicos.

Inkscape puede renderizar el SVG a PNG, después de lo cual el codificador cwebp de Google puede crear el WEBP:

inkscape input.svg --export-type=png --export-filename=rendered.png --export-width=1600

cwebp -q 85 rendered.png -o output.webp

Utiliza --export-height en su lugar o establece ambas dimensiones cuando sea necesario. El PNG intermedio conserva la transparencia si Inkscape exporta sin un color de fondo. Utiliza cwebp -lossless rendered.png -o output.webp para una codificación sin pérdida.

Límites de calidad y compatibilidad

• Elige las dimensiones en píxeles antes de la conversión. SVG no tiene una resolución rasterizada inherente, por lo que cada convertidor debe decidir cuántos píxeles renderizar.
• Utiliza un valor de calidad con pérdida de aproximadamente 80–90 para muchas imágenes web. Elige WEBP sin pérdida para textos pequeños, líneas finas, capturas de pantalla e ilustraciones con colores planos en las que los defectos de compresión sean inaceptables.
• Las fuentes incrustadas, las hojas de estilo externas, las imágenes vinculadas, JavaScript, las animaciones y los filtros SVG no compatibles pueden renderizarse de forma diferente o desaparecer. Convierte el texto en trazados o incrusta los recursos necesarios cuando sea importante obtener un resultado uniforme.
• Los fondos SVG transparentes generalmente se convierten en fondos WEBP transparentes cuando el renderizador conserva el alfa. Establece un color de fondo explícito si el destino requiere una imagen opaca.
• WEBP es compatible con los principales navegadores actuales y muchas aplicaciones de imagen, pero es posible que el software antiguo y los sistemas de publicación especializados no lo acepten. Conserva el SVG original como archivo maestro editable y utiliza WEBP como copia fija para distribución.