Convertir SVG a WebP - mucho más ligero y sigue siendo transparente
WebP es el formato al que recurrir cuando un SVG tiene que convertirse en píxeles y el resultado va a la web. Conserva el canal alfa completo que ofrece PNG, y lo hace por una fracción del peso: en nuestros tres archivos de prueba el WebP salió entre un 81 % y un 97 % más ligero que el PNG de exactamente las mismas dimensiones. Esas cifras están medidas con esta herramienta, no citadas de una especificación, y la tabla completa está más abajo en esta página junto con la explicación de por qué el mayor ahorro viene del archivo que menos te esperarías. La conversión ocurre íntegramente en tu propio dispositivo, así que no se sube nada, nada espera en una cola y el archivo nunca sale de tu equipo. Elige una escala o un ancho exacto en píxeles, decide si mantener la transparencia, y la ilustración se vuelve a renderizar desde el vector a ese tamaño.
Cómo usar esta herramienta
Suelta tu SVG
Arrastra un SVG a la caja de arriba o haz clic para elegirlo. Hasta 5 MB por archivo y varios a la vez. Cada uno se valida por su contenido y no por su extensión antes de renderizar nada.
Fija el tamaño de salida
Elige una escala de 1×, 2×, 4× o la cifra que escribas, o cambia a Tamaño exacto para un ancho concreto en píxeles con la proporción bloqueada. La ilustración se vuelve a renderizar desde el vector a ese tamaño en lugar de estirarse desde un render menor, así que se gana detalle real.
Mantén o sustituye el fondo
La transparencia está activada por defecto y WebP la conserva exactamente, así que las zonas sin pintar siguen viéndose a través. Desmarca la casilla si prefieres aplanar sobre un color sólido y aparecerá un selector de color al lado.
Ajusta la calidad
El deslizador arranca en 85, que es donde la ventaja de tamaño de WebP es mayor sin daño visible. Nuestro archivo de prueba con degradado midió 3.998 bytes con calidad 90, 1.872 con 50 y 1.394 con 20, así que hay muy poco que ganar bajando.
Convierte y descarga
Pulsa Convertir a WebP. Cada archivo muestra su propio progreso. Descárgalos uno a uno o llévate todo el lote en un único archivo ZIP.
Preguntas frecuentes
¿Cuánto más ligero es WebP que PNG en la práctica?
Medimos tres archivos a 512 píxeles de ancho con los ajustes por defecto. Un icono de trazo pasó de 20,8 KB como PNG a 3,8 KB como WebP, un ahorro del 81 %. Una marca densa de pixel art pasó de 44,6 KB a 7,0 KB, un 84 %. Una ilustración con degradado pasó de 152,3 KB a 4,2 KB, un 97 %.
¿Por qué el archivo con degradado ahorra tantísimo más?
Porque un degradado suave es el peor caso posible para PNG. PNG comprime sin pérdida buscando patrones de píxeles repetidos, y un degradado no repite casi nada, así que guarda prácticamente cada píxel por separado. WebP describe esa misma rampa suave con un puñado de coeficientes, y por eso 152 KB se desploman a 4 KB.
¿WebP conserva la transparencia?
Sí, del todo. WebP lleva un canal alfa de 8 bits, así que las zonas transparentes y semitransparentes sobreviven exactamente igual que en PNG, y lo verificamos en cada salida. Las sombras suaves y la opacidad parcial llegan intactas. Esta es la razón principal para elegir WebP frente a JPG, que no tiene alfa alguno.
¿Este WebP es con pérdida o sin pérdida?
Con pérdida, a la calidad que fijes con el deslizador. Es una decisión deliberada: el WebP sin pérdida sí gana a PNG, pero normalmente por un 20 o 30 %, mientras que el WebP con pérdida a calidad 85 lo gana por un 80 % o más sin diferencia visible al tamaño normal de visualización. El canal alfa sigue siendo sin pérdida en ambos casos.
¿WebP funcionará en todos los sitios donde lo necesito?
En la web, sí. Todos los navegadores actuales admiten WebP desde hace años, Safari desde 2020. Fuera del navegador es más irregular: algún software de escritorio antiguo, flujos de imprenta y ciertos formularios de subida siguen rechazándolo. Comprueba el destino antes de comprometerte y recurre a PNG cuando no lo acepte.
¿Cuándo debería elegir PNG en lugar de WebP?
Cuando el archivo va a algún sitio que no acepta WebP, o cuando necesitas una salida sin pérdida exacta al píxel: una captura destinada a documentación, o una ilustración que se seguirá editando y volviendo a guardar varias veces. Recodificar con pérdida repetidamente se acumula, así que guarda un máster de edición en PNG o en el SVG original.
¿Qué ajuste de calidad debería usar?
Déjalo en 85 salvo que tengas un motivo. WebP aguanta mucho mejor que JPEG en valores moderados, y llegar a 100 suele duplicar el archivo por una diferencia que no verás. Baja hacia 60 solo en imágenes de fondo decorativas y grandes donde la nitidez absoluta da igual.
Mi SVG está animado: ¿el WebP se animará también?
No. WebP sí admite animación, pero la animación de un SVG vive en etiquetas SMIL o en CSS que solo se ejecutan cuando el archivo se trata como documento, no como imagen. Al renderizar se captura un único fotograma fijo en su estado inicial. Para tener movimiento, exporta un vídeo o un GIF animado desde tu herramienta de diseño.
¿No debería usar directamente el SVG en mi sitio?
A menudo sí. Para un logotipo, un icono o cualquier ilustración plana, el SVG suele pesar menos que cualquier versión rasterizada, se ve nítido a cualquier zoom y puede reestilizarse con CSS. Convierte a WebP cuando necesites un ráster de tamaño fijo: imágenes Open Graph, correo, o una textura para canvas o para un juego.
También podrías necesitar
¿Algo no funciona? Informar de un error