Crear stickers
Añade a un GIF corto un texto grande con contorno negro, aprovechando las fuentes del sistema del navegador.
Guide
La caja de herramientas GIF resuelve cuatro tareas pequeñas alrededor de las animaciones: “montar varias imágenes”, “desmontar fotogramas”, “añadir texto” y “ajustar velocidad”. El montaje unifica primero las imágenes en el canvas del navegador con la proporción de la primera y luego deja que ffmpeg genere el GIF con dos pasadas de color; el desmontaje decodifica GIF, APNG o WebP animado en un conjunto de PNG; al añadir texto se desmonta antes con una tasa de fotogramas unificada, se dibuja el texto fotograma a fotograma con una fuente del sistema del navegador y se vuelve a montar; el ajuste de velocidad recalcula los tiempos de cada fotograma.
Actualizado el 2026-09-104 min read
La caja de herramientas GIF resuelve cuatro tareas pequeñas alrededor de las animaciones: “montar varias imágenes”, “desmontar fotogramas”, “añadir texto” y “ajustar velocidad”. El montaje unifica primero las imágenes en el canvas del navegador con la proporción de la primera y luego deja que ffmpeg genere el GIF con dos pasadas de color; el desmontaje decodifica GIF, APNG o WebP animado en un conjunto de PNG; al añadir texto se desmonta antes con una tasa de fotogramas unificada, se dibuja el texto fotograma a fotograma con una fuente del sistema del navegador y se vuelve a montar; el ajuste de velocidad recalcula los tiempos de cada fotograma.
Estas rutas no procesan igual: el montaje admite hasta 60 imágenes y solo anchos de 320/480/640 px; añadir texto tiene un límite de 300 fotogramas; el ajuste va de 0.25x a 4x y, si al acelerar se superan los 50 fps, se comprime automáticamente a 50 fps. Las rutas con ffmpeg se ejecutan con ffmpeg.wasm en un solo hilo dentro del navegador.
| Entrada | Salida | Notas |
|---|---|---|
8 PNG de producto |
GIF en bucle de 480 px de ancho y 0.5 s por fotograma |
la altura sigue la proporción de la primera imagen y lo que falta se rellena con el fondo elegido |
GIF corto a 12 fps al que añades el texto “¡Ya se acabó el trabajo!” |
texto superpuesto fotograma a fotograma con una fuente del sistema y GIF vuelto a montar |
se procesan como máximo 300 fotogramas |
GIF a 20 fps puesto a 3x |
los 60 fps teóricos se limitan a 50 fps |
se descartan fotogramas automáticamente |
Añade a un GIF corto un texto grande con contorno negro, aprovechando las fuentes del sistema del navegador.
Ordena varias fotos, dales la misma duración y monta el GIF en un momento.
Desmonta un GIF, APNG o WebP animado en un paquete de PNG para editar fotogramas sueltos.
0.5x para cámara lenta, 2x–4x para acelerar demostraciones largas.
El desmontaje solo exporta el contenido de las imágenes y no conserva la duración, que puede ser distinta en cada fotograma; al volver a montar se usa una duración uniforme.
La implementación desmonta primero y luego dibuja el texto fotograma a fotograma en el canvas del navegador con fuentes del sistema, para no depender de que la compilación de wasm incluya recursos de fuentes CJK.
Las imágenes y animaciones se procesan en tu navegador con canvas y ffmpeg.wasm, sin subirlas. La primera vez que se usa una ruta con ffmpeg se descargan unos 31–32 MB de núcleo de un hilo desde el dominio de recursos del sitio o jsDelivr.
Actualizado el 2026-09-10
Crea GIF a partir de imágenes, separa fotogramas, añade rótulos y cambia la velocidad: taller de stickers todo en uno
Todo el procesamiento se realiza en local en el navegador; los archivos no se suben a ningún servidor