Conversión segura en el servidor
Convertir SVG a AVIF
Renderiza un SVG en una imagen AVIF: la versión en mapa de bits más ligera que puedes hacer de un diseño vectorial, con la transparencia intacta. Un logotipo dibujado a 1024 píxeles quedó en unos 4 KB, más o menos la cuarta parte que el mismo renderizado en PNG. Lo que vale la pena revisar es qué tan limpios quedan los bordes, y las mediciones de abajo lo responden.
Arrastra y suelta tus imágenes SVG aquí
Añade varias a la vez. Cada archivo se procesa y luego se elimina de nuestro servidor.
Hasta 20 MB por archivo Admite lotes
Ancho de salida
SVG es un formato vectorial, así que se puede generar a cualquier tamaño sin perder nitidez.
Más alto conserva más detalle; más bajo da un archivo más ligero. Se aplica a las imágenes que añadas después de cambiarlo.
Cola de conversión
→
Tu navegador no pudo leer este archivo, así que se convirtió en nuestro servidor y se eliminó allí de inmediato.
Tu archivo tenía fotogramas o páginas. Esta descarga solo incluye el primero.
Paso a paso
Cómo convertir SVG a AVIF en 3 pasos
-
Elige un ancho
el tamaño más grande al que se mostrará la imagen.
-
Deja la calidad en 75
Deja la calidad en 75, o súbela a 90 para unos bordes prácticamente sin pérdida.
-
Agrega tu SVG y descarga el AVIF
Comparación de formatos
SVG vs. AVIF
SVG (Scalable Vector Graphics)
VectorialDescribe formas y texto como instrucciones en lugar de píxeles, así que se puede dibujar con nitidez a cualquier tamaño.
- Nítido a cualquier tamaño, del favicon a una valla publicitaria
- Archivos muy ligeros para logotipos, iconos y diagramas
- No puede representar una fotografía, y muchas aplicaciones no pueden importarlo
AVIF (AV1 Image File Format)
Con o sin pérdidaEl formato web más reciente con amplia compatibilidad, basado en el códec de vídeo AV1 y pensado para lograr los archivos más ligeros.
- Normalmente el archivo más ligero para una misma calidad visual
- Compatible con las versiones actuales de Chrome, Edge, Firefox y Safari
- Lento de codificar y no compatible con muchos programas antiguos
Cuándo necesitas píxeles en lugar de vectores
En un sitio web, lo mejor suele ser dejar un SVG como SVG: es diminuto y nítido a cualquier tamaño. Pero hay buenas razones para necesitar un mapa de bits: una plataforma que no acepta SVG, una imagen que no debe exponer su código de dibujo, las vistas previas en redes sociales y el correo electrónico, que rara vez admiten SVG, o diseños con filtros que se renderizan de forma distinta según el navegador.
Cuando hacen falta píxeles, AVIF da el archivo más ligero. Medido con un logotipo pequeño a cada ancho:
- 512 px: 2,1 KB.
- 1024 px: 4,2 KB.
- 2048 px: 7,1 KB.
- 4096 px: 13,9 KB.
En comparación, el mismo diseño a 1024 píxeles pesaba 15,7 KB como PNG, 21 KB como TIFF y 2,1 MB como BMP sin compresión.
¿Qué tan limpios quedan los bordes?
AVIF tiene pérdida, y un diseño vectorial es todo bordes duros, justo donde la compresión con pérdida se nota primero. Así que lo medimos, comparando cada AVIF con un renderizado sin pérdida del mismo SVG después de colocar ambos sobre fondos blanco y negro, como aparecerían en una página:
- Calidad 75, la predeterminada: a lo largo de los bordes, el color difiere del renderizado sin pérdida en menos de 2 niveles de 255 de media. Invisible a tamaño normal.
- Calidad 90: prácticamente sin pérdida (la mayor diferencia en cualquier punto de un borde fue de 6 niveles), con 6,8 KB, todavía menos de la mitad que el PNG.
Para un logotipo que tenga que ser perfecto al píxel al examinarlo de cerca, elige 90. Para todo lo demás, 75 es indistinguible y más ligero.
Calidad
Calidad y tamaño del archivo
Transparencia
Los diseños SVG suelen dibujarse sobre un fondo transparente, y el AVIF lo conserva como un canal alfa completo, así que la imagen queda limpia sobre cualquier color de fondo.
Cómo elegir el ancho
El renderizado se dibuja al ancho que elijas, así que es totalmente nítido a ese tamaño y no se puede ampliar después sin suavizarse. Elige el tamaño más grande al que realmente se mostrará la imagen. En pantallas de alta densidad, que muestran dos o tres píxeles del dispositivo por píxel CSS, eso significa el doble o el triple del ancho de maquetación: un logotipo maquetado a 200 píxeles de ancho necesita 400 píxeles en una pantalla 2× y 600 en las pantallas 3× de muchos teléfonos, así que la opción de 1024 píxeles cubre ambos casos.
Fuentes
El texto en una fuente con nombre, en lugar de convertido en contornos, se dibuja con la fuente equivalente que tenga el renderizador, que puede diferir de tu diseño. Convierte el texto en contornos antes de exportar el SVG.
Compatibilidad con navegadores
Todos los navegadores principales actuales muestran AVIF: Chrome, Firefox, Safari y Edge. Algunos clientes de correo y programas antiguos no. Para el correo y una compatibilidad amplia, PNG es más seguro; WebP es un buen término medio.
Cuándo tiene sentido convertir SVG a AVIF
- Plataformas que no aceptan subidas de SVG, que son muchas.
- Imágenes Open Graph y de vista previa en redes sociales para páginas que sirven AVIF.
- Ilustraciones complejas con muchos trazados, degradados o filtros, donde un mapa de bits es más ligero y se renderiza igual en todas partes.
- Páginas donde el rendimiento es crítico y necesitan diseños en mapa de bits con el menor peso posible.
¿AVIF, WebP o PNG?
- AVIF: el más ligero. 4,2 KB a 1024 px con calidad 75.
- WebP: algo más pesado (6,2 KB con calidad 75), y con más compatibilidad fuera de los navegadores.
- PNG: sin pérdida y con compatibilidad universal, con 15,7 KB.
¿Es seguro subir un SVG?
Los archivos SVG pueden contener scripts y referencias a recursos externos, así que cada archivo subido se revisa antes de que nada lo lea: los archivos con scripts, referencias externas o declaraciones de tipo de documento se rechazan directamente en lugar de limpiarse. El resultado es una imagen simple, así que nada del SVG puede ejecutarse.
Qué pasa con tu archivo
Los SVG se renderizan en nuestro servidor, donde se pueden revisar. Lo que subes se borra en cuanto termina la conversión, el resultado se borra en cuanto lo descargas, y todo lo abandonado se elimina automáticamente.
Privacidad
Qué pasa con tu archivo
Esta herramienta funciona en nuestro servidor, así que da el mismo resultado en cualquier teléfono u ordenador. Tu archivo se sube, y esto es exactamente lo que le pasa:
- Se guarda fuera de la parte pública del servidor con un nombre aleatorio, nunca con el nombre de tu archivo.
- Se procesa y el archivo original se elimina de inmediato, tanto si la conversión funciona como si falla.
- El resultado queda tras un enlace firmado que solo recibes tú, que deja de funcionar a los 20 minutos, y el archivo se elimina en cuanto lo descargas.
- Lo que nunca se descarga se elimina automáticamente en menos de 30 minutos.
- La imagen en sí nunca se registra ni se guarda. Si una conversión falla, anotamos los formatos y el error, no el archivo.
- Los metadatos de la cámara, incluidas las coordenadas GPS que indican dónde se tomó la foto, se eliminan del resultado. Solo se conserva la rotación necesaria para mostrar la imagen derecha.
Preguntas y respuestas
SVG a AVIF: preguntas frecuentes
¿Cuánto pesará mi AVIF?
Muy poco. Un logotipo pesó 2,1 KB a 512 px, 4,2 KB a 1024 px, 7,1 KB a 2048 px y 13,9 KB a 4096 px. A 1024 px, el PNG del mismo diseño pesaba 15,7 KB.
¿Los bordes de mi logotipo se verán suaves?
No con el valor predeterminado. Comparamos los renderizados AVIF con uno sin pérdida sobre fondos blanco y negro: con calidad 75, los colores de los bordes diferían en menos de 2 niveles de 255 de media. Con calidad 90, la mayor diferencia en cualquier borde fue de 6 niveles (prácticamente sin pérdida), con 6,8 KB.
¿Se conserva la transparencia?
Sí. El AVIF lleva un canal alfa completo, así que un diseño dibujado sobre fondo transparente queda limpio sobre cualquier color de página.
¿Qué ancho debo elegir?
El tamaño más grande al que se mostrará la imagen, teniendo en cuenta las pantallas de alta densidad: una imagen maquetada a 200 píxeles de ancho necesita 400 px en una pantalla 2× y 600 px en la pantalla 3× de un teléfono, así que 1024 px cubre ambos casos. El renderizado no se puede ampliar después sin suavizarse.
¿Debería quedarme con el SVG?
En tu propio sitio web, a menudo sí: los SVG son diminutos y nítidos a cualquier tamaño. Convierte cuando una plataforma no acepte SVG, para vistas previas en redes sociales y correo electrónico, o para diseños complejos que se renderizan de forma distinta según el navegador.
¿AVIF, WebP o PNG?
AVIF es el más ligero (4,2 KB a 1024 px). WebP pesa algo más, 6,2 KB, y tiene más compatibilidad fuera de los navegadores. PNG es sin pérdida y universal, con 15,7 KB.
Sigue explorando
Herramientas de imagen relacionadas
Convertir SVG a WebP
Convierte SVG a WebP a cualquier resolución con la transparencia intacta. Más ligero que PNG y más nítido que JPG para gráficos.
Convertir SVG a PNG
Convierte SVG a PNG a cualquier resolución, con la transparencia intacta. Se renderiza a partir del vector, así que los bordes quedan nítidos a cualquier tamaño...
Convertir SVG a TIFF
Renderiza diseños SVG a un TIFF transparente para programas de impresión y maquetación, hasta 4096 píxeles. Cómo elegir el ancho según el tamaño de impresión.
Convertir SVG a BMP
Convierte SVG a BMP con un ancho de 512 a 4096 píxeles. El ancho decide la nitidez y el peso: un SVG de 226 bytes pasó a 2,1 MB a 1024 px.