Aller au contenu principal
Bethemesh
Images & graphisme

Créer un GIF depuis des images

Importez jusqu’à 24 images, réglez la durée d’affichage, la largeur et la boucle, puis créez un GIF animé dans votre navigateur.

  • Traitement par lot
  • Export
Automatiser

Intégrer ce widget

Personnalisez le rendu, vérifiez l’aperçu puis copiez le code.

Aperçu

Type de code d’intégration

Code à copier

Responsive et redimensionné automatiquement par Bethemesh.

Vos fichiers sont traités localement dans votre navigateur et ne sont jamais envoyés sur nos serveurs.

Chaque image devient une frame de l’animation. Vous pouvez ajouter les images en plusieurs fois ; la durée indique combien de temps chaque image reste affichée.

Déposez votre fichier ici

Taille recommandée : 25 Mo maximum

Besoin de plus de possibilités ?

Retrouvez plusieurs outils dans un seul espace de travail, avec votre fichier et vos modifications en cours.

Ouvrir l’éditeur complet

Cet outil vous a-t-il été utile ?

Comment fonctionne cet outil ?

Un GIF animé enchaîne plusieurs images dans un seul fichier lu partout : messageries, forums, e-mails, documentation. Ce créateur assemble de 2 à 24 images PNG, JPEG ou WebP en une animation, avec une durée d’affichage par image, une largeur maximale et une boucle réglables, sans envoyer vos images en ligne.

Ajoutez vos images en une ou plusieurs fois : elles deviennent les images successives de l’animation, dans l’ordre où elles ont été ajoutées. Une image déjà présente n’est pas ajoutée deux fois. Pour changer l’ordre, réinitialisez puis ajoutez-les de nouveau dans l’ordre voulu.

Durée par image fixe le temps d’affichage de chaque image, de 40 à 10 000 ms (500 ms par défaut). Largeur maximale, de 64 à 1920 px, limite la taille : le GIF prend la plus petite largeur entre ce réglage et l’image la plus étroite, sans jamais agrandir. Les images sont centrées sur une zone de la hauteur de la plus grande, et les bandes vides restent transparentes. Boucler l’animation la répète sans fin ; décoché, elle est jouée une seule fois.

L’encodage utilise FFmpeg compilé en WebAssembly : une palette de 256 couleurs est calculée sur toutes les images, puis appliquée avec un tramage qui adoucit les dégradés. Au premier usage, le module FFmpeg, d’une trentaine de Mo, est téléchargé depuis un CDN puis gardé en cache ; vos images, elles, ne quittent pas le navigateur.

Comment utiliser cet outil ?

  1. Ajoutez les images dans l’ordre

    Sélectionnez de 2 à 24 images ; leur ordre d’ajout sera celui de l’animation.

  2. Réglez l’animation

    Choisissez la durée par image, la largeur maximale et la boucle.

  3. Créez et téléchargez le GIF

    Cliquez sur Créer le GIF, vérifiez l’aperçu animé puis téléchargez animation.gif.

Durée et cadence de l’animation

Toutes les images ont la même durée d’affichage : la durée totale d’un cycle et la cadence en découlent directement.

Durée d’un cycle

T = n × d

Avec 8 images de 250 ms, un cycle dure 2 000 ms.

Cadence

f = 1000 ÷ d

Nombre d’images affichées par seconde ; le format GIF enregistre la durée en centièmes de seconde.

n
nombre d’images de l’animation
d
durée par image, en millisecondes
f
images par seconde

Cas d'utilisation

Montrer une manipulation

Transformez une suite de captures d’écran en démonstration animée pour un tutoriel ou un ticket de support.

Animer un produit

Faites tourner les photos d’un objet sous plusieurs angles pour une fiche produit ou une newsletter.

Créer un GIF de réaction

Enchaînez quelques photos prises en rafale pour un message ou une story.

Exemples

8 photos de produit en 4:3

Largeur : min(960 ; 1600) = 960 px, hauteur 1200 × 960 ÷ 1600 = 720 px. Durée : 8 × 0,25 s = 2 s, cadence 1000 ÷ 250 = 4 images par seconde.

Entrée

8 images de 1600 × 1200 px, durée par image 250 ms, largeur maximale 960 px, boucle activée

Résultat

GIF de 960 × 720 px, 4 images par seconde, 2 secondes par cycle, répété sans fin

Mélange de photos paysage et portrait

La photo portrait, réduite à 960 × 1280 px, fixe la hauteur du GIF. Recadrez toutes les images au même format avant de les assembler pour éviter ces bandes.

Entrée

5 images de 1600 × 1200 px et 1 image de 1200 × 1600 px, largeur maximale 960 px

Résultat

GIF de 960 × 1280 px ; les photos paysage occupent 960 × 720 px avec des bandes transparentes de 280 px en haut et en bas

Conseils et bonnes pratiques

  • Préparez des images de même format et de même taille : le résultat est plus régulier et le fichier plus léger.
  • Un GIF ne compte que 256 couleurs : il convient mieux aux captures d’écran et aux illustrations qu’aux photos très nuancées.
  • Réduisez la largeur maximale pour alléger le fichier : passer de 960 à 480 px divise environ par quatre le nombre de pixels.
  • Nommez vos fichiers 01, 02, 03… et sélectionnez-les ensemble : la plupart des sélecteurs de fichiers les ajoutent alors dans l’ordre.

Sources et références

Questions fréquentes

Combien d’images puis-je utiliser ?

De 2 à 24 images PNG, JPEG ou WebP, de 25 Mo au plus chacune. Vous pouvez les ajouter en plusieurs fois.

Puis-je donner une durée différente à chaque image ?

Non. La durée par image s’applique à toutes ; pour garder une image plus longtemps, ajoutez-en une copie sous un autre nom.

Pourquoi le GIF est-il plus petit que mes images ?

Sa largeur est limitée par la largeur maximale choisie et par l’image la plus étroite. Les images ne sont jamais agrandies.

La transparence est-elle conservée ?

Oui, de façon binaire : le format GIF n’a pas de transparence partielle, chaque pixel est soit visible soit transparent, ce qui peut créer un liseré sur les bords adoucis.

Pourquoi le premier GIF met-il plus de temps ?

Le module FFmpeg est téléchargé au premier usage (une connexion est alors nécessaire). Il est ensuite mis en cache par le navigateur.

Mes images sont-elles envoyées sur un serveur ?

Non. Seul le moteur FFmpeg est téléchargé ; vos images sont décodées et encodées en GIF dans votre navigateur.

Outils associés

Continuez avec ces outils

Des outils similaires ou complémentaires à celui-ci.

Outils similaires

Redimensionner une image

Redimensionnez une image en définissant précisément sa largeur et sa hauteur avant téléchargement.

Images & graphismeMis en avantUtiliser l’outil

Recadrer une image

Tracez un cadre sur l’image, imposez un ratio (1:1, 4:5, 16:9…) et téléchargez la partie recadrée.

Images & graphismeMis en avantUtiliser l’outil

Créer un collage photo

Assemblez plusieurs images dans une grille avec espacement et couleur de fond.

Images & graphismeUtiliser l’outil

À lire aussi

TutorielBonnes pratiquesDébutant

Optimiser ses images pour le Web sans perdre en qualité

Redimensionnement, compression, WebP, AVIF, métadonnées et traitement par lot : une méthode complète pour alléger les images d’un site sans dégrader inutilement leur rendu.

30 août 20265 min