UltKit

Convertir GIF a AVIF

Un AVIF animado se reproduce como un GIF dentro de una etiqueta de imagen, pero está comprimido con el códec de video AV1, así que el mismo bucle cuesta una fracción de los bytes en una página web.

Convertidor de video

o suelte aquí archivos MP4, MOV, MKV … ·

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

    Agregue sus GIF

    Suba hasta 20 GIF animados de 95 MB cada uno. Los clips cortos MP4 o WebM también pueden pasar directamente a AVIF animado.

  2. 2

    Fije el ancho

    La salida animada parte de un Ancho de 480 px. Escriba el ancho propio del GIF en Opciones avanzadas si no quiere escalarlo; Bucle se queda en Repetir sin fin.

  3. 3

    Convierta a AVIF

    Pulse Convertir a AVIF y descargue los archivos .avif, listos para colocarlos en un elemento picture de su sitio.

Por qué convertir GIF a AVIF para un sitio web

GIF guarda cada fotograma como una imagen independiente de 256 colores. Una demo de producto o un recorrido grabado de pantalla de unos segundos puede pesar varios megabytes, y en una página de aterrizaje esa sola imagen suele pesar más que todo el código. La auditoría Lighthouse de Google tiene una comprobación específica, "Usa formatos de video para el contenido animado", dirigida justo a estos archivos.

La Alliance for Open Media cerró AVIF en 2019 como formato de imagen fija basado en el códec de video AV1, dentro del contenedor HEIF. Un AVIF animado es una secuencia de imágenes AV1: los fotogramas posteriores se predicen a partir de los anteriores, igual que en un archivo de video, así que solo el cambio entre fotogramas cuesta bits.

GIF frente a AVIF animado: qué aporta el formato

from ↓ · to →Más de 256 colores por fotogramaBordes alfa suavesFotogramas con predicción de movimientoColor de 10 bitsSe abre en cualquier visor de imágenes
GIF– GIF to Más de 256 colores por fotograma: no– GIF to Bordes alfa suaves: no– GIF to Fotogramas con predicción de movimiento: no– GIF to Color de 10 bits: noGIF to Se abre en cualquier visor de imágenes: yes
AVIF animadoAVIF animado to Más de 256 colores por fotograma: yesAVIF animado to Bordes alfa suaves: yesAVIF animado to Fotogramas con predicción de movimiento: yesAVIF animado to Color de 10 bits: yes– AVIF animado to Se abre en cualquier visor de imágenes: no
supported not offeredCapacidades del formato según su especificación. La compatibilidad con AVIF animado en visores de escritorio y apps de chat todavía es desigual.

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

AVIF

Formato de imagen AV1 (AVIF)

AVIF guarda imágenes fijas y secuencias de imágenes comprimidas con el códec de video AV1, y la Alliance for Open Media lo finalizó en 2019. Suele producir archivos más pequeños que JPEG y WebP con la misma calidad visual, y admite transparencia, animación, gama de colores amplia y HDR. La codificación es más lenta que la de formatos más antiguos, y las texturas muy finas pueden verse suavizadas con ajustes de calidad bajos. Todos los navegadores principales ya muestran AVIF, pero muchas aplicaciones de escritorio, plataformas sociales y dispositivos antiguos no pueden abrirlo.

Compresión
Con o sin pérdida
Transparencia
Sí
Animación
Sí
Presentado en
2019 · Alliance for Open Media
Convertidor de AVIF

Un GIF pasa a AVIF cuando el responsable de un sitio quiere aligerar la página: bucles de portada, demos de producto y recorridos de interfaz conservan su reproducción automática en la etiqueta de imagen mientras los bytes bajan mucho y desaparecen las bandas de 256 colores.

Cuándo el AVIF animado es el reemplazo adecuado

AVIF funciona bien para

  • Bucles de portada y de funciones en su propio sitio
  • Demos de interfaz con degradados y sombras
  • Páginas evaluadas por tiempo de carga y Core Web Vitals
  • Animaciones que necesitan bordes transparentes suaves

Conserve el GIF para

  • Boletines por correo y firmas de email
  • Foros y apps de chat que solo previsualizan GIF
  • Subidas a instalaciones antiguas de CMS
  • Destinatarios que luego editarán los fotogramas

Cómo publicar AVIF animado con respaldo

Las versiones actuales de Chrome, Edge, Firefox y Safari reproducen AVIF animado; Firefox fue el último en añadir la animación, en la versión 113. Publicarlo dentro de un elemento picture con el GIF como respaldo no cuesta nada y protege a los navegadores antiguos. Codificar AVIF es más lento que escribir un GIF, así que un clip largo tardará bastante más en convertirse que en WebP.

Si el bucle va a una app de chat y no a su propio sitio, un archivo de video es más seguro: GIF a MP4 se reproduce en todas partes. La guía de AVIF, HEIC y WebP compara en detalle los tres formatos de imagen modernos.

Preguntas sobre GIF a AVIF

¿Un AVIF animado se repite en bucle igual que un GIF?

Sí. La opción Bucle está en Repetir sin fin, y los navegadores repiten una secuencia de imágenes AVIF igual que un GIF dentro de una etiqueta img, sin controles ni sonido. Elija Reproducir una vez para una animación de entrada que debe detenerse en su último fotograma.

¿Por qué mi AVIF muestra solo el primer fotograma?

El visor entiende AVIF fijo pero no secuencias de imágenes AVIF. Así se comportan los visores de imágenes antiguos y las versiones de Firefox anteriores a la 113, publicada en 2023. Abra el archivo en una versión actual de Chrome, Edge, Firefox o Safari para comprobar la animación.

¿El AVIF conserva el fondo transparente de mi GIF?

El formato AVIF admite un canal alfa completo, así que maneja la transparencia mucho mejor que los píxeles de todo o nada del GIF. Revise el resultado sobre un fondo de color o a cuadros antes de publicar, porque un color de mate incrustado en el GIF original sigue viéndose.

¿Se puede subir AVIF animado a WordPress?

WordPress 6.5, publicado en 2024, añadió AVIF a la biblioteca de medios, siempre que la biblioteca de imágenes del servidor lo admita. Las instalaciones antiguas rechazan la subida; en ese caso, mantenga el GIF o use GIF a WebP, que WordPress acepta desde la 5.8.

¿Cómo se muestra el AVIF con un GIF de respaldo?

Envuelva ambos en un elemento picture: una etiqueta source con type image/avif que apunte al AVIF y luego una etiqueta img con el GIF. Los navegadores que decodifican AVIF toman el archivo liviano y los demás recurren al GIF sin mostrar una imagen rota.