Extraer fotogramas de WebP y GIF animados
Cómo funciona
Elige un archivo animado .webp, .gif, .apng o .avif y la página lo divide en una imagen por fotograma, reunidas en un único ZIP. No se sube nada: la decodificación, la recodificación y el archivo los hace JavaScript en la pestaña del navegador, y la pestaña Red de las herramientas para desarrolladores se queda vacía mientras trabajas.
Un GIF o un WebP animado no es un vídeo, y el navegador lo trata como tal: un elemento de vídeo se niega a reproducirlo. La única API del navegador que entrega los fotogramas de uno en uno es ImageDecoder, y es la que usa esta página. Está disponible en Chrome y Edge 94 y posteriores. En un navegador que no la tiene, el archivo no se lee y el botón de extraer queda desactivado: en ese caso convierte antes el archivo a MP4 o WebM, que sigue el camino de los vídeos y funciona en todas partes.
La duración de cada fotograma se lee, no se adivina. GIF y WebP guardan una duración por fotograma, y no tiene por qué ser igual para todos: un GIF de 20 fotogramas puede tener 19 de 40 ms y el último detenido dos segundos. Quien asume un ritmo constante desajusta la secuencia desde el primer fotograma irregular. Aquí cada fotograma se coloca en la línea de tiempo con su duración, que se recorre una sola vez: si pides más FPS que la fuente, los fotogramas se repiten; si pides menos, se saltan algunos.
Obtener exactamente los fotogramas del archivo. Ajusta el control de FPS al frame rate de la animación. En cuanto eliges el archivo, la página muestra el nombre, la duración en segundos y las dimensiones en píxeles, y bajo los ajustes una estimación del tipo “≈ 50 fotogramas”. Los fotogramas son la duración por los FPS, así que una animación de 2,0 segundos a 25 FPS da 50 fotogramas. Cuando la estimación coincide con lo que esperas, obtienes una división uno a uno: una imagen de salida por cada fotograma de entrada, en el mismo orden.
Los ajustes, que actualizan la estimación con cada cambio: • FPS, de 1 a 60, 24 por defecto. Es el ritmo que quieres a la salida, no el ritmo con el que se creó el archivo. • Ancho de salida: Original, 1920, 1440, 1080, 720 px o un valor personalizado de 64 a 7680 px. El alto sigue la proporción de la fuente, así que un sticker de 500×500 sigue siendo cuadrado. • Formato: JPG o WebP. No hay salida en PNG. El WebP es el más ligero de los dos con la misma calidad; el JPG es la opción más segura si los fotogramas van a acabar en un programa antiguo. • Calidad, de 0,10 a 1,00, 0,85 por defecto. 0,85 es el punto medio habitual, 1,00 es casi sin pérdida pero mucho más pesado y por debajo de 0,6 se ven bloques en las zonas de color plano, frecuentes en los GIF.
Qué descargas. Los fotogramas se llaman frame_0001.jpg, frame_0002.jpg y así sucesivamente, con cuatro cifras, por lo que quedan ordenados en el Explorador de archivos, en el Finder, en un script o en un comando de ffmpeg sin renombrar nada. La extensión sigue el formato elegido y el archivo comprimido se llama frames.zip.
Límites. Por encima de 1000 fotogramas aparece un aviso y por encima de 2500 la extracción se bloquea. El motivo es la memoria: el ZIP se construye en RAM antes de la descarga. Si llegas al límite, baja los FPS, elige un ancho menor o divide la fuente en dos.
Los archivos de vídeo también funcionan, y en el selector aparecen después de los formatos animados: MP4, WebM, MOV y todo lo que el navegador sepa reproducir pasan por WebCodecs, o por un método alternativo más lento en los navegadores que no lo tienen, con los mismos ajustes y el mismo ZIP. Si sueles partir de un vídeo, la extracción de fotogramas de vídeo de este sitio es el mismo motor con ajustes y textos pensados para vídeo.
Preguntas frecuentes
¿Cómo divido un GIF en fotogramas?
- Elige el archivo .gif, ajusta los FPS al frame rate de la animación y pulsa Extraer y descargar el ZIP, y después Descargar frames.zip. Obtienes un archivo de imágenes numeradas desde frame_0001, una por fotograma. Con más FPS que la fuente, los fotogramas se repiten; con menos, se saltan algunos: para una división limpia uno a uno, haz que ambos valores coincidan.
¿Cómo extraigo los fotogramas de un WebP animado?
- Del mismo modo: selecciona el archivo .webp, ajusta los FPS a su frame rate y extrae. El WebP se lee con la API ImageDecoder, que respeta la duración de cada fotograma, así que hace falta Chrome o Edge 94 o posteriores.
¿Cuántos fotogramas tiene mi GIF o mi WebP animado?
- La duración multiplicada por el frame rate. En cuanto eliges el archivo, la página muestra la duración en segundos y una estimación de fotogramas para los FPS ajustados: una animación de 2,0 segundos a 25 FPS da 50 fotogramas. Mueve el control de FPS hasta que la estimación coincida con el valor que esperas y tendrás una imagen por cada fotograma de la fuente.
¿Puedo obtener los fotogramas en PNG?
- No. El menú Formato solo ofrece JPG y WebP. Si necesitas archivos PNG, extrae en WebP, que con calidad alta conserva bien los colores planos, y convierte los archivos después, por ejemplo con el Image Format Converter de este sitio.
¿Por qué el botón de extraer sigue desactivado con mi archivo animado?
- Probablemente porque el navegador no tiene la API ImageDecoder, que hace falta para leer imágenes animadas y está disponible en Chrome y Edge 94 y posteriores. Sin ella el archivo no se lee y la página no puede mostrar la duración ni la estimación. Abre la página en Chrome o en Edge, o convierte el archivo a MP4 o WebM, que pasa por el camino de los vídeos y funciona en todos los navegadores.
¿Funciona con un GIF que tiene tiempos distintos entre fotogramas?
- Sí. La duración de cada fotograma se lee del archivo y se usa para colocarlo en la línea de tiempo, así que un GIF que mantiene el último fotograma dos segundos se remuestrea bien en lugar de estirarse a un ritmo constante.
¿En qué se diferencia de los divisores de GIF online como ezgif?
- Aquí el archivo se queda en tu dispositivo. Servicios como ezgif suben el archivo a un servidor, lo dividen allí y te devuelven las miniaturas, con un límite de tamaño que fija el servidor. Aquí no hay subida, no hay más límite que la memoria de tu dispositivo y eliges tú los FPS, el ancho, el formato y la calidad. La contrapartida es la compatibilidad: para los archivos animados hace falta Chrome o Edge.
¿Puedo extraer los fotogramas de un APNG o de un AVIF animado?
- Sí. Los archivos .apng y .avif siguen el mismo camino que .webp y .gif, con los mismos ajustes y el mismo ZIP. El formato se reconoce ante todo por la extensión del archivo, porque algunos navegadores no informan el tipo correcto de los APNG.
¿Cuál es el número máximo de fotogramas?
- 2500, con un aviso ya por encima de 1000. El archivo comprimido se construye en memoria antes de la descarga, y unos miles de fotogramas de 1920 px de ancho bastan para agotar la memoria de la pestaña. Si llegas al límite, baja los FPS, elige un ancho menor o divide la fuente.
¿Puedo usar también un archivo de vídeo?
- Sí. MP4, WebM, MOV y los demás formatos que el navegador sepa reproducir funcionan también aquí: en el selector aparecen después de los formatos animados. El vídeo pasa por WebCodecs, o por un método alternativo más lento, en lugar de por ImageDecoder, pero los ajustes y el ZIP son idénticos.
¿Mis archivos se suben a algún sitio?
- No. La decodificación, el cambio de tamaño, la recodificación y el ZIP ocurren en la pestaña del navegador. Abre la pestaña Red de las herramientas para desarrolladores y extrae: no sale ninguna petición, así que sirve también para material confidencial.
Formatos animados: qué contiene cada uno
Los cuatro formatos animados que lee esta página y qué queda al dividirlos en imágenes fijas.
| Formato | Colores por fotograma | Transparencia | Peso típico respecto al GIF |
|---|---|---|---|
| GIF | 256, de una paleta | 1 bit: un píxel es transparente o no lo es | Referencia, 100% |
| WebP animado | 16,7 millones, 24 bits | Canal alfa de 8 bits, 256 niveles | Entre un 35% y un 65% más ligero |
| APNG | 16,7 millones, 24 bits | Canal alfa de 8 bits, 256 niveles | Entre un 10% y un 40% más ligero |
| AVIF animado | 10 bits o más, también HDR | Canal alfa de 8 bits o más | Entre un 50% y un 80% más ligero |
Los pesos son intervalos típicos para la misma animación y cambian mucho con el contenido: los dibujos de colores planos encajan con la paleta del GIF, los fotogramas fotográficos con WebP y AVIF. Para dividir un archivo animado en fotogramas, esta página necesita la API ImageDecoder.