Creador de GIF

Añade tus fuentes, define forma y velocidad, mira la vista previa en bucle y exporta.

1. 1Añade fotos, clips o un GIF: Suelta imágenes JPG, PNG, WebP o AVIF, clips MP4, WebM o MOV, o un GIF animado existente cuyos fotogramas quieras reutilizar.
2. 2Recorta cada clip: Cada fuente de vídeo tiene su propio punto de entrada y de salida, así que solo los segundos que quieras se convierten en fotogramas.
3. 3Ordena y temporiza la secuencia: Sube o baja las fuentes, elige la velocidad de fotogramas y la forma de salida en la que se encaja cada fotograma.
4. 4Mira la vista previa: La vista previa reproduce exactamente los fotogramas que se exportarán, con los mismos retardos, para comprobar el ritmo antes de codificar y no después.
5. 5Exporta: Descarga el .gif, o llévate todos los fotogramas como archivos PNG en un único archivo comprimido.

Un GIF se reproduce en cualquier sitio donde se muestre una imagen: en un chat, en un comentario de un pull request, en un correo, en documentación que no puede incrustar un reproductor. Se repite sin un clic y no necesita controles. Ese alcance es la razón para aceptar sus límites: 256 colores por fotograma y sin sonido.

Lo que ofrece este creador

• Fuentes mixtas: fotos, clips de vídeo recortados y un GIF animado existente pueden alimentar la misma animación, en el orden que tú decidas.
• Recorte real: cada clip lleva su punto de entrada y salida, así que tres segundos de una grabación de dos minutos cuestan tres segundos de fotogramas.
• Ritmo visible: la vista previa reproduce los fotogramas que se exportarán con los retardos que se escribirán.
• Archivos más pequeños: cada fotograma guarda solo los píxeles que cambiaron respecto al anterior, que es donde suele estar casi todo el peso de un GIF.
• Nada sale del dispositivo: los archivos se leen, decodifican y codifican donde ya están.

GIF es un formato de paleta: cada fotograma se reduce a un máximo de 256 colores tomados de una tabla, y esos índices se comprimen después. Todo lo que hace que un GIF se vea bien o mal ocurre en esa reducción.

La cadena, paso a paso

• Muestreo: los clips se decodifican una vez, hacia adelante, y los fotogramas se toman a tu velocidad entre la entrada y la salida.
• Encaje: cada fotograma se dibuja en una misma salida, con bandas, recortado o estirado, según lo que elijas.
• Paleta: los colores se cuentan sobre fotogramas muestreados de toda la animación, no solo del primero, para que un color que aparece tarde también esté representado.
• Asignación: cada píxel toma la entrada de paleta más cercana, con aceleración por hardware donde el dispositivo lo permite.
• Diferencias: un fotograma guarda solo su región cambiada y marca como transparentes los píxeles iguales, para que se vea el fotograma de debajo.
• Empaquetado: los índices se comprimen y se escriben con sus retardos y repeticiones en un único .gif.

El peso de un GIF depende de píxeles × fotogramas × complejidad de color, en ese orden. Reducir el ancho a la mitad deja una cuarta parte de píxeles; reducir la velocidad a la mitad deja la mitad de fotogramas. Ambas cosas pesan mucho más que cualquier control de calidad.

• Tamaño de salida: la palanca más fuerte con diferencia. 480px de ancho sobran para una ventana de chat.
• Velocidad de fotogramas: 8–12 fps se ven fluidos en grabaciones de pantalla y bucles de producto. Por encima de 15 pagas por un movimiento que casi nadie nota.
• Colores: gráficos planos, capturas e interfaces suelen verse idénticos con 64 colores y pesan una fracción.
• Recorte: más corto es más pequeño, exactamente en proporción. Quitar dos segundos ahorra más que cualquier otro ajuste de esta página.
• Tolerancia de similitud: permite que píxeles casi idénticos cuenten como sin cambios, y el vídeo con ruido comprime como el limpio.

Los clips se decodifican en una sola pasada hacia adelante en lugar de saltar a cada fotograma, por eso una fuente larga cuesta por fotograma casi lo mismo que una corta en vez de mucho más.

• Recorta primero, ajusta la velocidad después: el presupuesto de fotogramas se reparte sobre la ventana que conservas, así que un recorte más ajustado compra movimiento más fluido sin tamaño extra.
• Clips verticales: elige el lienzo 9:16 para que el fotograma se llene en vez de quedar con bandas dentro de un formato horizontal.
• Grabaciones de pantalla: pocos colores y grandes zonas sin cambios: baja el número de colores y deja que las diferencias hagan el resto.
• Sonido: GIF no tiene. Si el audio importa, el clip debe seguir siendo un vídeo.

Todo lo que hay en el panel de ajustes cambia los bytes exportados, y modificar cualquiera de ellos marca un GIF terminado como desactualizado en vez de dejarlo pasar por actual.

• Forma de salida: cuadrado, horizontal, vertical, clásico o siguiendo a las fuentes.
• Escalar al marco: encajar con bandas, llenar y recortar, o estirar hasta la caja.
• Relleno de bandas: lo que rellena los márgenes: blanco, negro, un color tuyo o transparente.
• Tramado: desactivado para gráficos planos, ordenado para una textura rápida y uniforme, difundido para los degradados más suaves.
• Repeticiones: para siempre, o un número fijo de reproducciones.
• Fundido: una disolvencia entre una fuente y la siguiente, para presentaciones.
• Rótulos: una línea de texto grabada en los fotogramas de una fuente, colocada como proporción de la salida para mantener su sitio en cualquier tamaño de exportación.

Corto, mudo, en bucle e incrustado donde un reproductor de vídeo resulta incómodo o no está disponible.

Buenos usos

• Informes de errores: una grabación de pantalla de cinco segundos que se reproduce dentro del ticket.
• Documentación: mostrar una secuencia de clics sin alojar un vídeo.
• Chat y correo: reacciones y bucles de producto que se reproducen solos en todas partes.
• Tiendas y anuncios: una rotación corta o un antes y después en un hueco de imagen.
• Presentaciones: unas cuantas fotos con un fundido entre ellas.

Cuándo usar otra cosa

• Cualquier cosa con sonido: un GIF no puede llevar audio.
• Metraje largo o en alta definición: MP4 o WebM será más pequeño y más nítido.
• Degradados fotográficos donde no puede verse el bandeado: 256 colores es el techo del formato, no un ajuste.
• Reproducción exacta del color: un PNG conserva todos los colores que un GIF debe descartar.

Ajusta el tamaño y el recorte antes que nada; deciden casi todo el resultado. Luego mueve la velocidad hasta que el movimiento se lea bien, y solo entonces toca colores y tramado.

• Empieza con 480–640px de ancho y baja si el archivo sigue siendo pesado.
• Prueba primero 10 fps y súbelos solo si el movimiento se entrecorta de forma visible.
• En capturas y gráficos planos, baja el número de colores antes que cualquier otra cosa.
• Mira un bucle completo en la vista previa: los problemas de ritmo se ven en la unión entre el último fotograma y el primero.
• Para una presentación, da a cada foto un retardo más largo del que usarías en un clip de vídeo.

La asignación de paleta usa el hardware gráfico de tu dispositivo cuando está disponible, y recurre a una vía más lenta que produce exactamente los mismos píxeles cuando no lo está.

• Editor de GIF
• Creador de collages
• Unir imágenes
• Vídeo a GIF
• Comprimir imágenes