La forma rápida
Suelta dos o más imágenes en la herramienta de abajo o elígelas desde tu dispositivo. Cada imagen se convierte en un fotograma, y la lista las muestra en el orden en que se van a reproducir. Arrastra una fila para moverla, usa las flechas o pulsa Ordenar por nombre si tus archivos están numerados, como los fotogramas exportados o las capturas tomadas una tras otra.
Debajo de la lista empieza a reproducirse una vista previa con la velocidad, el tamaño y el fondo reales. Si cambias la duración del fotograma, la repetición o el tamaño, la vista previa se actualiza al momento. Cuando te guste, pulsa Crear animación y descarga el archivo. GIF viene elegido por defecto; el WebP animado y el MP4 están a un clic y usan los mismos fotogramas y tiempos.
Pruébalo aquí: Imágenes a GIF
Abrir la herramienta completaCómo elegir la velocidad
La velocidad es el tiempo que cada fotograma se queda en pantalla. Puedes escribirla en milisegundos o cambiar la unidad a fotogramas por segundo; 500 milisegundos y 2 fotogramas por segundo son lo mismo. Lo que se siente bien depende de lo que muestren las imágenes.
| Tipo de animación | Duración del fotograma | Fotogramas por segundo |
|---|---|---|
| Presentación de fotos, producto desde varios ángulos | 700 a 1500 ms | 0,7 a 1,4 |
| Pasos de un tutorial o una serie de capturas | 1000 a 2500 ms | 0,4 a 1 |
| Stop motion con el celular | 80 a 125 ms | 8 a 12 |
| Animación dibujada a mano fotograma a fotograma | 40 a 85 ms | 12 a 24 |
Duraciones distintas, bucles y el último fotograma
Muchos buenos GIF no usan una sola velocidad para todo. Una portada o el resultado final deberían quedarse más tiempo que los fotogramas intermedios. Activa Duración distinta por fotograma y cada fila tendrá su propio campo Duración; los fotogramas que no toques mantienen la velocidad general.
Repetición decide cuántas veces se reproduce la animación. Repetir sin fin es lo que la gente espera de un GIF. Reproducir una vez sirve para una animación que termina en un resultado y debe quedarse ahí. Reproducir 2, 3, 5 o 10 veces es el punto intermedio. Dentro del archivo, GIF guarda el número de vueltas extra y WebP el total de reproducciones; la herramienta escribe el valor correcto en cada caso, así que Reproducir 3 veces se reproduce de verdad tres veces en un navegador.
La duración más corta que puedes poner es de 20 milisegundos, 50 fotogramas por segundo. Los navegadores reproducen los fotogramas de GIF más cortos que eso a unos 100 milisegundos, así que una animación muy rápida de repente se volvería lenta. Además, GIF redondea cada duración a centésimas de segundo; WebP y MP4 conservan los milisegundos.
Imágenes de distintos tamaños
Las fotos del celular, una captura de pantalla y una imagen descargada casi nunca miden lo mismo. Por defecto, el tamaño final sigue a la primera imagen. Como la imagen más grande usa la mayor, y Ancho personalizado te deja escribir un ancho; el alto sigue entonces la forma de la primera imagen.
Las imágenes con otra forma se tratan de una de estas dos maneras. Ajustar muestra cada imagen completa, centrada, y llena los bordes vacíos con el color de fondo. Rellenar cubre todo el fotograma y recorta la imagen desde el centro, lo que queda más limpio cuando lo importante está en el medio. En GIF y WebP también puedes marcar Transparente: los bordes y las partes transparentes de los archivos PNG se quedan transparentes. MP4 no admite transparencia, así que siempre usa el color de fondo.
- Usa Ajustar para capturas de pantalla, gráficos y todo lo que tenga texto cerca de los bordes.
- Usa Rellenar para presentaciones de fotos cuando todas deban cubrir el fotograma.
- Elige Ancho personalizado cuando la primera imagen sea una foto grande de cámara; de 480 a 800 píxeles es más que suficiente para chats y páginas web.
GIF, WebP o MP4: nuestras mediciones
Hicimos dos animaciones con la herramienta en Microsoft Edge sobre Windows, cada una con seis fotogramas de 800 milisegundos: seis fotos recortadas de una misma foto de celular de 12 megapíxeles, y seis capturas de una página a la que se le añade una línea cada vez. Cada serie se guardó en dos anchos y en los tres formatos, con los ajustes por defecto.
Las fotos muestran el problema clásico de GIF: 256 colores por fotograma y ninguna compresión de movimiento lo hacen de dos a cuatro veces más pesado que los otros. Las capturas se comportan de otra forma. Solo cambia la línea nueva, y tanto GIF como WebP guardan únicamente esa zona que cambia, así que terminan pesando menos que el MP4.
| Animación | Tamaño | GIF | WebP | MP4 |
|---|---|---|---|---|
| 6 fotos | 480 x 360 | 381 KB | 145 KB | 114 KB |
| 6 fotos | 800 x 600 | 1.017 KB | 346 KB | 258 KB |
| 6 capturas | 480 x 300 | 6,4 KB | 6,3 KB | 10,8 KB |
| 6 capturas | 800 x 500 | 11,5 KB | 11,3 KB | 19,7 KB |
Qué formato descargar
GIF se sigue abriendo en todas partes: en el correo, en foros antiguos, en cualquier app de chat y en cualquier visor de imágenes, y se repite solo. Elígelo cuando no sepas dónde va a terminar la animación, o cuando esté hecha de capturas, iconos o dibujos.
El WebP animado es el mejor GIF para la web. Conserva todos los colores y los bordes transparentes suaves y, con fotos, pesó menos de la mitad que el GIF en nuestra prueba. Todos los navegadores actuales lo muestran. Safari puede mostrar WebP animado pero no crearlo, así que en un iPhone o Mac elige la salida GIF o MP4.
MP4 es el más ligero con fotos y la opción adecuada para redes sociales, que de todos modos convierten los GIF en video. Un video no tiene transparencia y es el reproductor quien decide si se repite, así que cuando eliges Reproducir 3 veces los fotogramas se escriben tres veces dentro del video.
Problemas frecuentes
La mayoría de las sorpresas con los GIF caseros vienen del tamaño y de los colores, no de la herramienta.
- El GIF pesa muchísimo: baja el ancho, usa menos fotogramas o cambia a WebP o MP4. Por eso mismo la salida GIF está limitada a 1920 píxeles en el lado más largo.
- Las fotos se ven granuladas o con franjas: GIF reparte 256 colores entre todos los fotogramas. WebP y MP4 conservan todos los colores.
- Un GIF añadido no se mueve: un GIF animado cuenta como un solo fotograma y se usa su primera imagen. Para convertir un GIF que ya tienes, usa la herramienta GIF a video.
- La animación va demasiado lenta en el navegador: comprueba que ningún fotograma dure menos de 20 milisegundos.
- El orden queda mal al añadir archivos: pulsa Ordenar por nombre o arrastra las filas.