Tutorial GIF animé

Prérequis :
Taille maximum = 100Mo

Mon besoin est de me fabriquer un mini film de passes de salsa pour pouvoir réviser.

Exemple


1 - Récupérer le film avec les plug-in Firefox :Video DownloadHelper, Youtube Video and Audio Downloader, etc.
2 - Aller sur le site EzGif.com


Sélectionner "Video to GIF".


Importer le fichier en cliquant sur "Parcourir", puis sur "Upload!".


Choisir "Video to GIF" régler le début et la fin, puis cliquer sur "Convert to GIF!".


Régler la taille exacte, en cliquant sur "Crop", puis un fois régler appuyer sur "Crop it!".


Redimensionner en cliquant sur "Rezise", et régler les dimensions puis cliquer sur "Resize it!" (à 110 pour cette exemple).


Réduire la taille du GIF en cliquant sur "Optimize", choisir le tau puis cliquer sur "Otimise it!"(40, semble correcte).

Et pour finir sauvegarder en cliquant sur "Save".


Exemple de compression.

489ko

412ko

377ko

359ko

345ko

336ko

329ko

323ko

317ko

313ko

309ko

286ko

Astuce
Les GIF animés utilisent beaucoup de ressources, donc il peut être intéressant de faire une petite modification pour que le GIF ne s'active qu'au passage de la souris.

Instruction Javascript avec 2 images.
<img src="ezgif.com-optimize00.jpg" alt="Image" onmouseover="javascript:this.src='ezgif.com-optimize00.gif';" onmouseout="javascript:this.src='ezgif.com-optimize00.jpg';" />
JPG et GIF