Cómo hacer un GIF con un vídeo o con fotos, desde cualquier dispositivo

Todo GIF parte de una de estas tres cosas: un vídeo que ya tienes, un grupo de imágenes fijas o una plantilla que se encarga de la animación. Elige la fila que se parezca a tu caso.

Elijas lo que elijas, el resultado es el mismo tipo de archivo: una pila de fotogramas fijos, cada uno con su propio tiempo de visualización y su propia paleta de hasta 256 colores, más una instrucción que indica cuántas veces se repite. La ilustración del principio resume la idea, y esa estructura explica casi todos los ajustes que verás más abajo.

Pasar un vídeo a GIF consiste en extraer imágenes fijas de unos pocos segundos de grabación. El conversor de vídeo a GIF de esta web lo hace en el propio navegador, así que el clip nunca sale de tu móvil u ordenador, algo importante si es una grabación de pantalla del trabajo o un vídeo familiar.

1. 1Abre el creador de GIF y suelta un archivo MP4, MOV o WEBM, o tócalo para elegirlo desde el móvil.
2. 2Reproduce o arrastra el vídeo y pulsa Empezar aquí y Terminar aquí para marcar el fragmento. Lo habitual en un GIF es entre dos y seis segundos.
3. 3Elige los fotogramas por segundo. Con 10 basta para casi todo; usa de 15 a 25 solo para movimientos rápidos, como deporte o videojuegos, porque cada paso añade fotogramas y peso.
4. 4Pulsa Añadir fotogramas. Aparecen en una tira donde puedes borrar el arranque lento, duplicar un fotograma para alargar un momento o invertir todo el clip.
5. 5Elige el ancho (480 píxeles sirven para casi cualquier chat o web) y deja el bucle en Infinito.
6. 6Pulsa Crear GIF, revisa la vista previa y su peso, y descárgalo.

Si puedes, elige un clip con la cámara quieta. Un plano fijo de alguien reaccionando se comprime mucho mejor que el mismo momento grabado a pulso, porque solo hay que volver a guardar las partes de cada fotograma que cambian. La prueba de peso de más abajo lo demuestra con cifras.

Una serie de imágenes fijas se convierte en GIF igual que funciona un folioscopio: cada foto es un fotograma que se muestra durante un tiempo antes de dar paso a la siguiente. Sirven fotos de vacaciones, un producto visto desde varios ángulos, los pasos de una receta o una serie de dibujos.

1. 1Añade tus imágenes JPG, PNG, WEBP o HEIC al generador de GIF online. Puedes sumar más en cualquier momento; las nuevas se colocan al final de la tira.
2. 2Ponlas en orden: selecciona un fotograma y usa Mover antes o Mover después, o Invertir para darle la vuelta a toda la secuencia.
3. 3Ajusta el tiempo por fotograma. En una presentación de fotos, entre 500 ms y 1,5 segundos dan tiempo a mirar; en stop motion, de 80 a 150 ms hacen que el movimiento parezca continuo.
4. 4Elige la forma. Como el primer fotograma respeta las proporciones de tu primera foto; Cuadrado encaja en chats y fotos de perfil, y Vertical 9:16 en historias.
5. 5Elige Mostrar la imagen entera para que todas quepan en el marco, o Llenar el marco para recortar los bordes y evitar franjas.
6. 6Elige el bucle, pulsa Crear GIF y descárgalo.

Las fotos tomadas con segundos de diferencia dan las animaciones más fluidas, así que las ráfagas son ideales. Para stop motion, apoya la cámara en un soporte y bloquea la exposición; si no, el brillo parpadea de un fotograma a otro. Si alguna foto necesita enderezarse o recortarse antes de entrar, recórtala primero y añade la copia recortada.

Los móviles pueden crear GIF sencillos con sus propias apps. Lo que permite cada uno depende de la marca, así que aquí solo contamos lo que documentan Apple y Samsung, e indicamos cuándo una función procede de guías de terceros. Si quieres controlar la velocidad, el tamaño y los colores en cualquier móvil, el navegador funciona igual que en el ordenador.

Las plantillas se encargan de la animación: tú pones una foto o un texto y el movimiento ya está diseñado. Son la forma más rápida de crear un GIF para un mensaje, un cumpleaños o el grupo de amigos.

• El meme «my beloved»: el creador de GIF de relicario de corazón mete tu foto en un relicario rojo que se abre junto a un texto o junto a una segunda foto.
• Emojis personalizados: convierte un GIF en emoji para Discord o Slack, cuadrado, redimensionado y ajustado al límite de cada plataforma (256 KB en Discord, 128 KB en Slack).
• Logotipos e iconos animados: si la animación es un SVG, pasa el SVG a GIF para que se reproduzca donde no se admite SVG, como en el correo electrónico.

Photoshop construye los GIF a partir de capas, lo que viene bien a quien quiere retocar cada fotograma. Estos pasos usan la línea de tiempo de animación de cuadros de las versiones actuales, con los menús de Photoshop en español.

1. 1Carga las imágenes como capas con Archivo → Secuencias de comandos → Cargar archivos en pila. Si partes de un vídeo, usa Archivo → Importar → Fotogramas de vídeo a capas y elige el intervalo.
2. 2Abre Ventana → Línea de tiempo y elige Crear animación de cuadros en el centro del panel.
3. 3En el menú del panel Línea de tiempo, elige Crear cuadros a partir de capas. Cada capa se convierte en un cuadro.
4. 4Ajusta la demora de cada cuadro con el pequeño menú bajo su miniatura y pon la repetición, al pie del panel, en Infinito.
5. 5Exporta con Archivo → Exportar → Guardar para Web (heredado). Elige GIF, fija los colores (128 es un buen punto de partida), activa o desactiva el tramado, comprueba el peso en la esquina de la vista previa y guarda.

Photoshop da control fotograma a fotograma a cambio de una suscripción y una docena de pasos. Para ordenar fotos o un clip y obtener un GIF limpio y ligero, la herramienta del navegador ofrece los mismos ajustes en un minuto.

Cinco ajustes deciden cómo se ve un GIF y cuánto pesa. Esto es lo que hace cada uno, con un punto de partida para los usos más comunes.

Para ver qué ajustes importan de verdad, creamos el mismo clip de 3 segundos con el codificador GIF de esta web, cambiando un ajuste cada vez. Una versión es un barrido lento de cámara sobre un paisaje con mucho detalle, en el que cambian todos los píxeles de cada fotograma, como en casi cualquier vídeo de móvil. La otra deja la misma imagen quieta con un solo objeto pequeño moviéndose, que es como se ven las grabaciones de pantalla y los planos con trípode.

Hay tres conclusiones claras. Primera: el contenido manda más que los ajustes; el plano fijo pesa 50 veces menos que el barrido con las mismas dimensiones, porque el codificador solo guarda los píxeles que cambian. Segunda: en una grabación con movimiento, los fotogramas por segundo escalan el peso casi exactamente: el doble de fotogramas, el doble de archivo. Tercera: bajar de 255 a 64 colores ahorró un 38 %, mientras que el tramado añadió un 23 %. Tus cifras dependerán del vídeo, pero el orden de estas palancas se mantiene.

Recorre esta lista en orden y para en cuanto el GIF cumpla. Los primeros pasos son los que más ahorran y los que menos calidad cuestan.

1. 1Recorta el clip. Quita los arranques y finales lentos: cada segundo que eliminas es un segundo que no se guarda.
2. 2Baja los fotogramas por segundo. Pasar de 20 a 10 fps reduce aproximadamente a la mitad un clip con movimiento.
3. 3Encuadra la acción. Menos fondo en movimiento significa menos píxeles que cambian por fotograma, el factor que más pesó en la prueba.
4. 4Reduce el ancho. 480 píxeles bastan para casi cualquier sitio donde se muestra un GIF; 320 para un chat.
5. 5Usa menos colores y desactiva el tramado salvo que el GIF muestre bandas.
6. 6Comprime lo que quede. El compresor de GIF puede ajustar un GIF terminado a un peso concreto, como 256 KB o 5 MB, a cambio de algo de detalle.

Si después de todo sigue pesando demasiado, la respuesta honesta es que el GIF no es el formato adecuado para ese clip. Un MP4 o un WebP cortos conservan mucha más calidad con una fracción del peso, como muestra la comparación de más abajo. Si lo que pesa son imágenes fijas, la guía para reducir el tamaño de una imagen sin perder calidad cubre JPG, PNG y WebP.

Un GIF puede marcar un color de la paleta de cada fotograma como transparente. Un píxel es totalmente transparente o totalmente opaco; no hay término medio. Eso funciona muy bien en pegatinas, iconos y recortes con bordes nítidos, y explica por qué los bordes suaves se ven toscos.

Los bordes suaves de una foto o de un PNG están hechos de píxeles semitransparentes que se mezclan con lo que haya detrás. Un GIF tiene que redondear cada uno a opaco o a transparente, así que las curvas se ven escalonadas y los píxeles opacos conservan el color del fondo del que se recortaron. Ese es el halo blanco u oscuro que aparece cuando un GIF hecho sobre blanco se coloca en una página oscura.

• Para hacer un GIF transparente a partir de imágenes, parte de recortes en PNG y elige Transparente como fondo en el creador de GIF.
• Para volver transparente una animación que ya existe, usa la herramienta para quitar el fondo de un GIF, que lo elimina fotograma a fotograma y también puede rellenarlo con otro color.
• Para evitar halos, recorta la imagen sobre un color parecido al de la página donde irá, o mantén las formas nítidas y prescinde de las sombras suaves.

Sobre imágenes fijas con fondo transparente, y por qué el PNG maneja mejor los bordes suaves que el GIF, consulta la guía de fondos transparentes.

El GIF nació en 1987 y ganó la animación y la transparencia en 1989. Sigue vivo porque se reproduce en todas partes sin botón de play. Los formatos más nuevos pesan menos y se ven mejor, pero ninguno se acepta en todos los sitios donde se acepta un GIF.

Elige GIF para chats, emojis, correos y cualquier sitio que lo pida. Elige MP4 para todo lo que dure más de unos segundos, todo lo que lleve sonido y las redes sociales, muchas de las cuales convierten los GIF subidos en vídeo de todos modos. Para cambiar un GIF terminado, el conversor de GIF a MP4 conserva el ritmo exacto de los fotogramas; nuestro GIF de prueba de 2,1 MB se quedó en un MP4 de 184 KB. Elige WebP animado para tu propia web cuando necesites transparencia o menos peso. La guía de formatos de imagen explica el WebP con más detalle.