Convertir SVG a WebP

Hasta 20 archivos, máximo 24 MB cada uno. Añade tus archivos y conviértelos uno a uno o todos a la vez.

La cola está vacía 0 archivos en cola | 0 MB en total
Lista para hasta 20 archivos. La cola se forma en cuanto sueltas los archivos.

Cómo funciona Convertir SVG a WebP

Cambia ilustraciones SVG complejas por imágenes WebP ligeras y transparentes que cargan rápido en cualquier teléfono. Con plan de tamaños para pantallas de alta densidad.

Entrada
Salida
Trabajos realizados 1.171

Herramientas relacionadas

Convertir SVG a GIF Convertir
Pasa un logotipo o icono vectorial a GIF y aprende a evitar las bandas, los bordes dentados y las sombras perdidas que provocan la paleta y la transparencia de un solo bit. Abrir herramienta
Convertir SVG a BMP Convertir
Pasa logotipos vectoriales a BMP de 24 bits para grabado láser, bordado, carteles LED y software antiguo. Incluye el cálculo del peso y trucos para lograr la medida exacta. Abrir herramienta
Convertir SVG a PNG Convertir
Pasa tu logotipo o icono vectorial a un PNG transparente. Te explicamos cómo influyen los 144 DPI en el tamaño, qué pasa con las fuentes y qué medidas piden favicon y redes. Abrir herramienta
Convertir SVG a JPG Convertir
Pasa tus SVG a JPG con fondo blanco cuando un formulario o una imprenta no admite vectores. Calcula el tamaño en píxeles y evita los fallos típicos de fuentes e imágenes. Abrir herramienta
Convertir SVG a AVIF Convertir
Pasa ilustraciones grandes y fondos con degradados de SVG a AVIF sin perder la transparencia. Riesgos con líneas finas, compatibilidad y respaldo con la etiqueta picture. Abrir herramienta
Convertir GIF a WebP Convertir
Pasa botones, insignias y otros GIF estáticos a WebP. Qué ocurre con la animación, cómo afecta la calidad 90 al pixel art y qué usar si necesitas movimiento. Abrir herramienta
Convertir BMP a WebP para tu web Convertir
Lleva a tu web o tienda online las imágenes BMP de catálogos antiguos, manuales o archivos escaneados, convertidas en WebP ligeros que abre cualquier navegador actual. Abrir herramienta
Convertir PNG a WebP Convertir
Pasa logotipos transparentes, recortes de producto y capturas de PNG a WebP. Se conserva el canal alfa y los archivos pesan bastante menos en tu web. Abrir herramienta
Convertir AVIF a WebP Convertir
Pasa imágenes a WebP para webs, plugins y dispositivos que no aceptan AVIF. Se conserva la transparencia y el peso sigue siendo bajo; te contamos qué esperar. Abrir herramienta
Convertir JPG a WebP Convertir
Pasa las fotos de tu web, blog o tienda online de JPG a WebP y reduce el peso de cada página. Con calidad parecida, el WebP suele ocupar entre un 25 y un 35 % menos. Abrir herramienta
Convertir WebP a BMP para programas antiguos Convertir
Transforma los archivos .webp que descargas de internet en BMP de 24 bits que abren los editores antiguos, los programas de etiquetas y las utilidades de dispositivos. Abrir herramienta
Convertir WebP a GIF para webs que no lo aceptan Convertir
Transforma los .webp que guardas desde el navegador en GIF que puedes subir a foros, portales antiguos y herramientas de boletines que solo aceptan JPG y GIF. Abrir herramienta

Guía de uso

Convertir SVG a WebP sirve para reemplazar un dibujo vectorial complejo, que el navegador tiene que volver a calcular cada vez que pinta la página, por una imagen ligera hecha de píxeles listos para mostrar. La herramienta rasteriza el archivo a 144 DPI, mantiene el lado mayor dentro de 4000 píxeles y guarda un WebP con calidad 90 conservando la transparencia. Es ideal para ilustraciones pesadas, imágenes de cabecera y mapas detallados.

¿Por qué pasar un SVG a WebP si el vector ya es ligero?

El vector tiene fama de ocupar poco, y con formas sencillas es cierto. Pero el peso de un SVG depende de cuántos trazados y nodos contiene, no del tamaño con el que se muestra. Una ilustración vectorizada automáticamente, una escena llena de degradados y filtros de desenfoque o un plano urbano detallado superan con facilidad unos cientos de kilobytes. Además, el navegador recalcula toda esa geometría mientras el usuario se desplaza, y en teléfonos modestos eso se nota como tirones. Con un WebP ese trabajo ya está hecho: el navegador solo decodifica píxeles.

La prueba es sencilla: convierte el dibujo al tamaño real en que se va a ver y compara el peso de ambos archivos. Si el WebP es claramente más pequeño y el gráfico no necesita interacción, publica la versión rasterizada. Los logotipos, los iconos de interfaz y los gráficos de pocas formas deben seguir en SVG.

CaracterísticaSVGWebP de esta herramientaPNG
Nitidez al ampliarA cualquier tamañoHasta su tamaño en píxelesHasta su tamaño en píxeles
Peso en dibujos complejosCrece con los nodosNormalmente el menorAlto
Trabajo para el navegadorRecalcula la geometríaSolo decodificarSolo decodificar
TransparenciaSíSíSí
Cambiar colores con CSSSíNoNo

Cómo convertir SVG a WebP

  1. Ajusta el ancho y el alto del SVG según el tamaño con el que se mostrará en la página.
  2. Suelta el archivo en la zona de carga; si tienes varios dibujos, usa la cola.
  3. Pulsa convertir o deja activada la conversión automática.
  4. Descarga el WebP e insértalo con los atributos width y height para que el diseño no salte mientras carga.

Pantallas de alta densidad: qué tamaño elegir

La herramienta multiplica las medidas del SVG por 1,5, porque 144 DPI es una vez y media los 96 píxeles por pulgada de CSS. Si una ilustración se verá a 600 píxeles de ancho, escribe 800 en el SVG y obtendrás un WebP de 1200, adecuado para pantallas de doble densidad. Genera una copia de 600 píxeles para pantallas normales con la herramienta para redimensionar imágenes y ofrece las dos mediante srcset. Así el teléfono no descarga más de lo necesario y la pantalla de alta densidad no muestra una imagen borrosa.

Transparencia y calidad: lo que debes esperar

El WebP admite canal alfa, así que las zonas vacías del dibujo siguen siendo transparentes y la ilustración queda limpia sobre una sección de color, sin recuadro blanco detrás. La salida es WebP con pérdida a calidad 90. A ese nivel los degradados y las sombras suaves se ven limpios; las líneas de un píxel y los textos muy pequeños pueden suavizarse un poco si haces zoom. Si el dibujo depende de trazos finos y quieres un archivo sin pérdida, el conversor de SVG a PNG es mejor opción.

Cuándo no conviene WebP

  • Boletines por correo: algunos clientes de escritorio no muestran WebP; ahí es más seguro PNG o JPG.
  • Vistas previas de enlaces: el soporte de WebP en og:image cambia según la plataforma; JPG o PNG dan el resultado más predecible.
  • Impresión y documentos de oficina: las versiones antiguas y algunos flujos de imprenta no reconocen WebP.
  • Gráficos interactivos: un mapa que resalta regiones al pasar el ratón o un icono animado pierde ese comportamiento al rasterizarse.

Para conocer mejor el formato, lee qué es WebP, y para entender su efecto en la velocidad de carga, nuestra guía de compresión de imágenes y rendimiento web.

Seguridad y privacidad del archivo

El SVG se procesa en nuestro servidor solo durante esa petición y el WebP vuelve directamente como descarga; ninguno de los dos archivos se guarda. Antes de dibujarlo, un control de seguridad rechaza cualquier SVG con scripts, enlaces a imágenes o fuentes externas, foreignObject o entidades XML. Gratis y sin registro.

Preguntas frecuentes

Con dibujos complejos, normalmente sí: se descargan menos datos y el navegador deja de recalcular la geometría vectorial. En cambio, un icono o un logotipo sencillo suele ocupar pocos kilobytes como SVG y convertirlo no aporta nada. Decide midiendo, no a ojo: las pestañas de Red y Rendimiento de las herramientas para desarrolladores del navegador bastan para comparar las dos versiones.

Los colores definidos de forma explícita se mantienen; a calidad 90 solo los degradados más sutiles pueden variar de forma casi imperceptible. La sorpresa llega con los iconos que usan currentColor: en una web heredan el color del texto que los rodea, pero dibujados por separado salen en negro. Escribe códigos de color reales en fill y stroke antes de convertir.

Si lo amplías por encima del tamaño con el que se generó, sí, porque ya no es un vector sino una imagen de píxeles. Piensa en el ancho máximo con el que se mostrará y apunta al doble para pantallas de alta densidad. Como las medidas del SVG se multiplican por 1,5, para un resultado de 1600 píxeles basta con un ancho de unos 1067. El lado mayor no puede pasar de 4000 píxeles.

No. El conversor dibuja el SVG como un único fotograma: las animaciones CSS o SMIL no se reproducen y el dibujo se guarda en su estado base, antes de que empiece el movimiento. Si necesitas movimiento en una web, mantener la animación en SVG suele ser la opción más ligera y nítida. Si buscas una alternativa rasterizada, exporta la animación como vídeo desde tu programa de diseño.

Todos los navegadores actuales muestran WebP, y los visores integrados en los sistemas operativos recientes también lo abren. Los problemas suelen venir de editores de imagen antiguos, algunos clientes de correo y sistemas documentales de empresa. Si la imagen va a terminar en uno de ellos, convierte también el mismo SVG a PNG o JPG para tener una alternativa preparada.