Convertir du HTML en GIF, image par image dans le navigateur
Collez une animation HTML, CSS ou SVG et enregistrez-la en GIF en boucle pour un README, un message Slack, un e-mail ou une documentation. Chaque image est dessinée sur votre ordinateur ; rien n'est envoyé.
- ✓Boucle infinie
- ✓De 360p à 720p, jusqu'à 25 fps
- ✓Gratuit, sans filigrane
- ✓Aucun envoi
GIF en 854×480, dessiné image par image sur votre ordinateur : fluide quelle que soit sa vitesse, et rien n’est envoyé.
Ou partez d'un exemple
Chacun est un seul fichier HTML. Chargez-le, modifiez-le, exportez-le.
Fonctionnement
Trois étapes, tout dans le navigateur
L'outil prend la main sur l'horloge de la page, l'avance d'une image à la fois et dessine chaque image : un ordinateur portable lent produit la même vidéo qu'une machine rapide.
- 01
Collez, ou déposez un fichier
Une page complète avec son CSS et son JavaScript, un fichier .html, ou un export .zip avec ses images et ses polices. Les bibliothèques chargées depuis un CDN fonctionnent normalement.
- 02
Choisissez le format et la taille
MP4, GIF, WebM ou une image PNG ; 16:9, 9:16 ou 1:1 ; de 720p à 4K à 24, 30 ou 60 fps. Quand les animations ont une fin, la durée est réglée automatiquement.
- 03
Lancez le rendu et téléchargez
Chaque image est dessinée et encodée sur votre ordinateur, puis le fichier est prêt à télécharger. Pas de partage d'écran, pas d'envoi.
Des GIF légers et nets
Faites court
2 à 6 secondes suffisent ; le poids d'un GIF augmente à chaque image.
Bouclez un seul cycle
Réglez la durée sur un cycle complet de l'animation pour que la boucle se raccorde sans saut.
15 fps et 480p
Le réglage par défaut convient à la plupart des docs et des chats ; 25 fps pour les mouvements rapides, 720p pour le détail.
Les aplats passent le mieux
Un GIF a 256 couleurs par image ; les longs dégradés et les photos font des bandes. Pour ceux-là, un MP4 est plus léger et plus net.
Au-delà de cet outil
Une animation, c'est un début. Un skill réalise le film entier.
Cet outil transforme en vidéo le HTML que vous avez déjà. Un Motion Skill intervient une étape plus tôt : dans Claude Code, Codex ou Cursor, votre agent lit votre produit ou vos notes, prévoit les plans, écrit chaque scène, compose la musique et rend le MP4 final.
- ✓À partir de votre propre matière, pas d'un prompt vide
- ✓Plusieurs scènes, montées en musique
- ✓Rendu sur votre ordinateur, libre à vous de l'utiliser
Les skills qui prennent le relais
Chacun réalise un type de film différent. Le premier est le plus proche de cette page.
Vous réalisez plus d'un type de film ?
Commencez gratuitement avec Motion Director. Un skill coûte $4.90 ; un abonnement débloque tous les skills, ainsi que les nouveaux dès leur sortie.
Mensuel
$9.90/ mois
- ✓Tous les skills film complet, styles intégrés
- ✓Les nouveaux skills dès leur sortie
- ✓Les mises à jour des skills existants
- ✓Usage commercial de vos rendus
Annuel
−34 %$79/ an
- ✓Tous les skills film complet, styles intégrés
- ✓Les nouveaux skills dès leur sortie
- ✓Les mises à jour des skills existants
- ✓Usage commercial de vos rendus
Fondateur à vie
Offre fondateur$169paiement unique
- ✓Tous les skills film complet, styles intégrés
- ✓Les nouveaux skills dès leur sortie
- ✓Les mises à jour des skills existants
- ✓Usage commercial de vos rendus
- ✓Un seul paiement, sans renouvellement
Obtenir Motion Director (gratuit) →Un seul skill $4.90 · Choisir un skill →
Questions fréquentes
Comment convertir une animation CSS en GIF ?
Collez la page (le HTML avec son CSS), choisissez GIF, réglez la durée sur un cycle et lancez le rendu. Le GIF est dessiné image par image : il est fluide et dure exactement le temps choisi.
Pourquoi mon GIF est-il si lourd ?
Chaque image est enregistrée avec sa propre palette de 256 couleurs. Raccourcissez-le, baissez la fréquence d'images ou la taille, ou passez au MP4, souvent dix fois plus léger.
Le GIF peut-il avoir un fond transparent ?
Non : la transparence d'un GIF, c'est une couleur activée ou non, ce qui crénelle les bords doux. Pour la transparence, utilisez le WebM ou le PNG du même outil.
Quelque chose est-il envoyé ?
Non. La page tourne et le GIF est encodé dans votre navigateur.