UltKit

Convertir SVG a GIF

Dibuje un SVG como imagen GIF al ancho que elija, para sitios que aceptan GIF pero no pueden mostrar archivos vectoriales. El resultado es una imagen fija con una paleta de hasta 256 colores que sigue transparente donde el SVG no tiene nada dibujado.

Convertidor de imágenes

o suelte aquí archivos JPG, JPEG, JPE … ·

Máx. 95 MB por archivo· Hasta 20 archivos· Se borran a los 30 minutos

Salida

Los archivos se procesan en nuestros servidores y se borran a los 30 minutos.

Cómo usar esta herramienta

  1. 1

    Suba los archivos SVG

    Agregue hasta 20 archivos .svg de 95 MB cada uno, desde su computadora o arrastrándolos al área de carga.

  2. 2

    Fije el ancho en píxeles

    Esta página dibuja el vector con 600 px de ancho. Cambie el número en Redimensionar imagen de salida dentro de Opciones avanzadas; el alto sigue las proporciones del dibujo.

  3. 3

    Convierta a GIF

    Pulse Convertir a GIF y descargue cada imagen, o todo el conjunto en un ZIP. Revise un archivo sobre el fondo en el que irá antes de usarlo.

Convertir SVG a GIF cambia un dibujo sin resolución fija por una cuadrícula fija de 256 colores como máximo, lo que va bien para logotipos e iconos planos y mal para degradados.

Rasterizar SVG a GIF al ancho que necesita

Un SVG es un conjunto de instrucciones: dibuje este trazado, rellénelo con este color, coloque este texto. Un GIF es lo contrario, una cuadrícula de píxeles que apuntan cada uno a una de hasta 256 entradas de paleta. Convertir significa dibujar las instrucciones una vez a un ancho en píxeles elegido y guardar el resultado, por eso el ancho de Redimensionar imagen de salida importa aquí más que cualquier otro ajuste. Esta página empieza en 600 px.

GIF data de 1987, cuando lo publicó CompuServe, y su revisión de 1989, GIF89a, añadió transparencia y retardos entre fotogramas. Esa antigüedad es hoy su mayor fortaleza: el software que rechaza formatos más nuevos, desde motores de foros antiguos hasta algunos clientes de correo y redes publicitarias, sigue mostrando GIF. Un SVG, en cambio, está bloqueado en muchos formularios de carga porque es XML que podría contener scripts.

Como la fuente es vectorial, puede dibujarla a cualquier ancho sin perder nitidez. Elija el tamaño al que se mostrará realmente el GIF; ampliar después un GIF pequeño trae de vuelta el desenfoque que el SVG nunca tuvo.

from ↓ · to →Fondo transparenteBordes suaves semitransparentesMás de 256 coloresAnimación
GIFGIF to Fondo transparente: yes– GIF to Bordes suaves semitransparentes: no– GIF to Más de 256 colores: noGIF to Animación: yes
PNGPNG to Fondo transparente: yesPNG to Bordes suaves semitransparentes: yesPNG to Más de 256 colores: yes– PNG to Animación: no
WEBPWEBP to Fondo transparente: yesWEBP to Bordes suaves semitransparentes: yesWEBP to Más de 256 colores: yesWEBP to Animación: yes
JPG– JPG to Fondo transparente: no– JPG to Bordes suaves semitransparentes: noJPG to Más de 256 colores: yes– JPG to Animación: no
supported not offeredLo que puede contener cada formato ráster de destino después de dibujar un SVG en él. GIF es el único limitado a una paleta de 256 colores y a transparencia de todo o nada.

SVG

Scalable Vector Graphics

SVG es un formato vectorial basado en XML estandarizado por el W3C en 2001. En lugar de píxeles, describe formas, trazados y texto, por lo que se mantiene nítido a cualquier tamaño y suele ocupar muy poco en logotipos e iconos. Admite transparencia, estilos CSS, scripts y animación, y todos los navegadores lo muestran de forma nativa. SVG no es adecuado para fotografías, y las ilustraciones complejas pueden tardar en renderizarse. Illustrator, Inkscape, Figma y los navegadores pueden abrirlo y editarlo.

Compresión
–
Transparencia
Sí
Animación
Sí
Presentado en
2001 · W3C
Convertidor de SVG

GIF

Graphics Interchange Format (GIF)

CompuServe presentó GIF en 1987, y sigue siendo el formato más compatible para animaciones cortas en bucle. Es sin pérdida, pero está limitado a una paleta de 256 colores por fotograma, por lo que las fotos y los degradados muestran bandas y tramado. Solo admite transparencia de todo o nada (1 bit), lo que deja bordes dentados en las formas curvas. Los GIF animados suelen ser mucho más grandes que el mismo clip en MP4 o WebP. Todos los navegadores, aplicaciones de chat y plataformas sociales reproducen GIF.

Compresión
Sin pérdida
Transparencia
Sí
Animación
Sí
Presentado en
1987 · CompuServe
Convertidor de GIF

Pasar de SVG a GIF sirve para destinos anclados en GIF, como firmas de correo, foros antiguos y espacios publicitarios, que necesitan una imagen plana y ligera de un logotipo vectorial; convertir un GIF en SVG es un trabajo de vectorización para recuperar un diseño escalable.

SVG animado a GIF: lo que no se convierte

Se descartan las animaciones SMIL, CSS y por script

Un SVG que se mueve en el navegador mediante elementos animate, keyframes CSS o JavaScript se convierte en un único fotograma GIF fijo con el estado inicial. Para un GIF en movimiento, grabe la animación como video y conviértalo con la herramienta de video a GIF.

256 colores y transparencia de un bit en la práctica

La mayoría de los logotipos SVG usan unos pocos colores planos, así que el límite de la paleta no cuesta nada. Los puntos problemáticos son los bordes suavizados y los degradados. Cada borde curvo de un SVG renderizado contiene píxeles intermedios parcialmente transparentes; GIF tiene que hacer cada uno totalmente visible o totalmente transparente, lo que puede dejar un contorno escalonado o un reborde pálido.

La solución es decidir el fondo antes de convertir. Si el GIF irá sobre el cuerpo blanco de un correo, dé al SVG un rectángulo de fondo blanco; sobre un tema oscuro de foro, use el color de ese tema. Así los píxeles del borde se funden con el color correcto y el contorno queda suave. Si no puede saberlo de antemano, PNG es más seguro.

Preguntas sobre convertir SVG a GIF

¿Por qué usar GIF en lugar de PNG para un logotipo SVG?

Solo cuando el destino exige GIF, como un CMS antiguo, una firma de foro o una plantilla de anuncio que indica GIF como tipo de imagen. PNG conserva los bordes suaves y colores ilimitados, así que de SVG a PNG es la mejor opción por defecto cuando se permiten ambos.

¿Mi SVG animado se convertirá en un GIF animado?

No. El convertidor dibuja el SVG una sola vez, en su estado inicial, así que los elementos de animación SMIL, los keyframes CSS y los scripts no se ejecutan y obtiene un único fotograma fijo. Para capturar el movimiento, grabe la animación en un navegador como video y luego use video a GIF.

¿Por qué los bordes de mi logotipo SVG salen dentados o con un halo claro en el GIF?

La transparencia GIF es todo o nada para cada píxel, así que los píxeles de borde suaves y parcialmente transparentes de un SVG deben conservarse o descartarse. Los bordes fundidos para un fondo muestran un reborde sobre otro. Añada un rectángulo de fondo del color de la página de destino antes de convertir, y los bordes se fundirán limpiamente.

¿Qué pasa con los degradados del SVG al pasarlo a GIF?

Una paleta GIF tiene como máximo 256 colores, así que los degradados suaves deben aproximarse. Los degradados cortos se ven bien; los grandes y sutiles muestran escalones o un patrón de tramado punteado. Los logotipos e iconos de colores planos, el contenido habitual de un SVG, caben fácilmente en la paleta.

¿Puedo usar en una firma de correo el GIF creado desde un SVG?

Sí, y es uno de los principales motivos por los que se necesita esta conversión. Gmail y Outlook no muestran imágenes SVG en los mensajes, mientras que los clientes de correo muestran GIF desde hace décadas. Mantenga un ancho moderado, entre 300 y 600 px, para que la firma siga siendo ligera.

¿Qué ajustes de tamaño del SVG lee el convertidor a GIF?

Usa el ancho, el alto y el viewBox del dibujo para calcular las proporciones y luego lo dibuja al ancho en píxeles que usted fije. Como la fuente es vectorial, elegir un ancho mayor no cuesta nitidez, solo peso del archivo.