Cómo hacer un GIF con fotos

Para hacer un GIF con fotos, pon las imágenes en orden, dale una duración a cada fotograma y únelas en un solo GIF animado. La herramienta para crear GIF de esta página lo hace en tu navegador: suelta las imágenes, arrástralas al orden correcto, ajusta la velocidad, revisa la vista previa en vivo y descarga el GIF. No se sube nada.

6 min de lectura

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 completa

Có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ónDuración del fotogramaFotogramas por segundo
Presentación de fotos, producto desde varios ángulos700 a 1500 ms0,7 a 1,4
Pasos de un tutorial o una serie de capturas1000 a 2500 ms0,4 a 1
Stop motion con el celular80 a 125 ms8 a 12
Animación dibujada a mano fotograma a fotograma40 a 85 ms12 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ónTamañoGIFWebPMP4
6 fotos480 x 360381 KB145 KB114 KB
6 fotos800 x 6001.017 KB346 KB258 KB
6 capturas480 x 3006,4 KB6,3 KB10,8 KB
6 capturas800 x 50011,5 KB11,3 KB19,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.

Paso a paso

  1. Añade las imágenesSuelta dos o más imágenes en la herramienta. Sirven JPG, PNG, WebP, HEIC, AVIF, BMP y SVG, y puedes mezclarlas.
  2. Ponlas en ordenArrastra las filas, usa las flechas o pulsa Ordenar por nombre.
  3. Ajusta velocidad y repeticiónEscribe la duración del fotograma en milisegundos o en fotogramas por segundo, elige la Repetición y, si hace falta, activa Duración distinta por fotograma.
  4. Elige tamaño y encajeElige el tamaño y luego Ajustar con un color de fondo o Transparente, o Rellenar para recortar.
  5. Crea y descargaRevisa la vista previa, elige GIF, WebP o MP4, pulsa Crear animación y descarga el archivo.

Preguntas frecuentes

¿Se suben mis imágenes a algún sitio?

No. Las imágenes se leen y la animación se crea en tu navegador, así que nada sale de tu dispositivo. No hace falta registrarse y no hay marca de agua.

¿Cuántas imágenes puede tener un GIF?

No hay un límite fijo. Decenas de fotogramas van bien; para cientos de fotogramas elige un ancho pequeño, porque un GIF guarda cada fotograma como una imagen propia.

¿Cuántos fotogramas por segundo debe tener un GIF?

Para presentaciones, 1 fotograma por segundo o menos; para stop motion, de 8 a 12, y para una animación dibujada fluida, de 12 a 24. Más de 50 fotogramas por segundo no funciona de forma fiable en GIF.

¿Un GIF puede tener fondo transparente?

Sí, pero solo con píxeles totalmente transparentes o totalmente visibles. Los bordes suaves se vuelven duros. El WebP animado conserva la transparencia parcial.

¿Por qué mi MP4 dura más que la vista previa?

Con Reproducir 2 veces o más, los fotogramas se escriben en el video esa cantidad de veces, porque los videos no se repiten solos.