Aller au contenu

Convertir un SVG en GIF

Transformez un SVG en GIF lisible partout. Les SVG animés gardent leur mouvement, CSS ou SMIL ; les SVG fixes deviennent un GIF net. Choisissez la taille, la durée et la cadence, puis téléchargez. Gratuit, dans votre navigateur.

Votre fichier

Déposez un SVG à convertir

SVG, animé ou fixe

Pourquoi utiliser cet outil

  • Aucune limite de taille

    Des photos pleine résolution et des documents longs, directement depuis votre appareil.

  • Rien n'est envoyé

    Tout est traité dans votre navigateur. Vos fichiers ne quittent jamais votre appareil.

  • Sans inscription

    Vous ouvrez l'outil et c'est parti. Pas de compte, pas d'e-mail.

Le SVG est le meilleur format pour les icônes, les logos et les animations de tracés sur le web, mais une grande partie du monde ne sait pas l’afficher. Clients mail, messageries, présentations, forums et réseaux sociaux veulent un GIF, ou une vidéo.

Ce convertisseur SVG en GIF lit votre SVG exactement comme un navigateur et l’enregistre image par image. Les icônes de chargement, les apparitions de logo, les icônes et les illustrations animées gardent leur mouvement, et le GIF boucle sans saut quand la durée correspond à un cycle de l’animation. Le SVG est ouvert dans le mode image sécurisé du navigateur et n’est jamais envoyé.

Comment convertir un SVG en GIF

  1. Ajoutez votre SVG

    Déposez un fichier .svg dans le cadre ci-dessus ou choisissez-le. Il se lance dans l’aperçu, et l’outil indique s’il est animé et combien dure un cycle.

  2. Choisissez la taille et la durée

    Choisissez la largeur ; la hauteur suit le format du SVG. La durée est réglée sur un cycle de l’animation, pour que le GIF boucle sans saut.

  3. Réglez la cadence et le fond

    Vingt images par seconde rendent la plupart des animations fluides. Gardez le fond transparent, ou choisissez blanc ou noir pour les applis qui affichent mal la transparence.

  4. Convertissez et téléchargez

    Appuyez sur Convertir en GIF. L’animation est enregistrée en temps réel, un SVG de trois secondes prend donc trois secondes, puis elle est encodée. Gardez l’onglet ouvert jusqu’à la fin.

Convertir un SVG animé en GIF

Les SVG s’animent de deux façons : avec des éléments SMIL comme <animate> et <animateTransform> dans le fichier, ou avec des animations CSS @keyframes dans leur <style>. Les deux se lisent ici exactement comme dans un navigateur, puisque c’est le navigateur lui-même qui les joue, et le GIF enregistre ce que vous voyez dans l’aperçu.

Pour un GIF qui boucle proprement, l’enregistrement doit durer un cycle complet. L’outil lit les durées écrites dans le SVG et règle la durée pour vous ; si votre animation combine plusieurs cycles de durées différentes, prenez leur multiple commun, jusqu’à 10 secondes.

Un mouvement qui dépend de scripts, du survol ou du clic ne se lance pas dans une image : il ne peut donc pas être enregistré. Les animations autonomes, c’est-à-dire presque toutes les icônes, indicateurs de chargement et logos animés, fonctionnent.

Taille, cadence et poids

Un SVG n’a pas de résolution fixe : il est dessiné net à la largeur choisie, sans flou d’agrandissement. Le poids augmente avec la largeur et le nombre d’images : choisissez la plus petite taille à laquelle le GIF sera réellement affiché.

Dix images par seconde suffisent pour un mouvement lent et simple ; 20 rendent fluides la plupart des icônes et indicateurs de chargement ; 25 conviennent aux mouvements rapides. Les dessins vectoriels en aplats se compressent très bien en GIF, et les zones immobiles ne sont stockées qu’une fois. Si le résultat reste trop lourd, le compresseur de GIF peut l’ajuster à une taille précise. Pour un emoji personnalisé, GIF en emoji adapte le résultat aux limites de Discord, Slack ou Twitch.

Fonds transparents

Les SVG ont généralement un fond transparent, et le GIF peut l’avoir aussi. La transparence GIF est tout ou rien pour chaque pixel : les contours lissés des formes vectorielles deviennent nets et légèrement crénelés, surtout sur fond sombre.

Quand vous savez où le GIF sera affiché, choisissez plutôt une couleur de fond assortie : blanc pour la plupart des e-mails et documents, noir pour les messageries en mode sombre. Les bords restent alors parfaitement lisses.

Sûr par conception

Un SVG est un document qui peut contenir des scripts et des liens vers d’autres fichiers. Ici, il est ouvert comme une image, le même mode strict que les navigateurs utilisent pour un SVG dans une balise <img> : les scripts ne s’exécutent jamais et rien n’est chargé hors du fichier. Les polices et images que le SVG lie sur d’autres sites ne sont donc pas chargées ; celles qui sont intégrées le sont.

Rien n’est envoyé. L’enregistrement et l’encodage se font dans votre navigateur.

Réglages pour les animations SVG courantes

Des points de départ. L’aperçu lit le SVG exactement comme il sera enregistré.

SVGLargeurImages par secondeFond
Indicateur de chargement240–320 px20–25Celui de la page
Icône animée240 px20Transparent ou blanc
Apparition de logo pour un e-mail480–640 px20Blanc
Illustration ou bannière640–800 px10–20Son propre fond
Graphique ou animation de données640 px10Blanc

Pourquoi convertir une animation SVG en GIF

  • Newsletters

    La plupart des clients mail ne gèrent pas le SVG, encore moins son animation. Un GIF se lit dans presque tous.

  • Présentations et documents

    PowerPoint, Keynote, Google Slides et de nombreux outils de documents lisent les GIF là où l’animation SVG ne fonctionne pas.

  • Messageries et réseaux sociaux

    Partagez un logo ou une icône animée dans Slack, Discord, WhatsApp ou sur les réseaux sociaux.

  • Livraisons de design et aperçus

    Montrez le mouvement aux clients et collègues dans des outils qui n’affichent que des images.

  • README et documentation

    Schémas et démos animés dans les sites de documentation et les dépôts qui suppriment l’animation SVG.

  • Stickers et emojis

    Transformez des emojis et stickers vectoriels en GIF, puis ajustez-les aux limites de poids des messageries.

Questions fréquentes

L’animation du SVG est-elle conservée ?
Oui. Les animations CSS et SMIL se lisent et sont enregistrées dans le GIF. Seul le mouvement piloté par des scripts, le survol ou le clic ne peut pas être capturé.
Puis-je convertir un SVG fixe en GIF ?
Oui. Un SVG fixe devient un GIF d’une seule image à la largeur choisie, dessiné net à partir du vecteur.
Pourquoi la conversion dure-t-elle aussi longtemps que l’animation ?
L’animation est enregistrée pendant sa lecture, telle que le navigateur la joue : un SVG de cinq secondes prend cinq secondes à enregistrer, plus un instant pour l’encodage.
Pourquoi l’enregistrement s’est-il arrêté quand j’ai changé d’onglet ?
Les navigateurs mettent en pause les animations des onglets que vous ne regardez pas, ce qui laisserait des trous dans le GIF. Gardez l’onglet visible jusqu’à la fin.
Comment faire boucler le GIF sans à-coup ?
Réglez la durée sur exactement un cycle de l’animation, ce que l’outil fait pour vous quand le SVG indique ses durées.
Mon SVG est-il envoyé ?
Non. Il est lu, enregistré et encodé dans votre navigateur, sur votre appareil.
Pourquoi certaines polices ou images manquent-elles ?
Par sécurité, le SVG est ouvert comme une image, ce qui ne charge pas les polices ni les images d’autres sites. Vectorisez le texte, ou intégrez les images dans le SVG, avant la conversion.
Puis-je convertir des animations Lottie ou JSON ?
Pas directement : les fichiers Lottie sont du JSON, pas du SVG. Exportez d’abord l’animation en SVG, ou enregistrez-la en vidéo.

Outils associés

Tous les outils image