Convertir SVG en GIF
Transformez un SVG en image GIF à la largeur de votre choix, pour les sites et services qui acceptent le GIF mais n'affichent pas les fichiers vectoriels. Vous obtenez une image fixe, avec une palette de 256 couleurs au maximum, qui reste transparente partout où le SVG ne contient aucun tracé.
Convertisseur d’images
ou déposez Fichiers JPG, JPEG, JPE … ici ·
95 Mo max. par fichier· Jusqu'à 20 fichiers· Supprimés après 30 minutes
Les fichiers sont traités sur nos serveurs et supprimés après 30 minutes.
85 garde les photos visuellement identiques à l’original. Ne la baissez que si vous avez besoin d’un fichier plus léger.
JPG, BMP et EPS ne gèrent pas la transparence. Les pixels transparents sont remplis avec cette couleur.
Couleur hexadécimale utilisée derrière les pixels transparents, p. ex. #FFFFFF.
Ce format ne contient qu’une seule image. Choisissez une sortie GIF ou WebP pour conserver l’animation.
Une icône multitaille contient plusieurs résolutions dans un seul fichier ; les navigateurs et les systèmes d’exploitation choisissent celle dont ils ont besoin.
Conservez les dimensions d’origine, ou saisissez un côté et les proportions sont conservées.
Pixels du côté choisi ci-dessus.
Pourcentage des dimensions d’origine.
sRGB convient aux écrans et au web. Conservez l’original pour les flux d’impression ; niveaux de gris supprime la couleur.
Métadonnée uniquement, 0 conserve la valeur d’origine. Les imprimantes et certains portails lisent ce nombre ; il ne modifie pas les dimensions en pixels.
Comment utiliser cet outil
- 1
Importez les fichiers SVG
Ajoutez jusqu’à 20 fichiers .svg de 95 Mo chacun, depuis votre ordinateur ou en les faisant glisser sur la zone d’import.
- 2
Choisissez la largeur en pixels
Cette page dessine le vecteur sur 600 px de large. Modifiez la valeur sous Redimensionner l’image de sortie dans Réglages avancés ; la hauteur suit les proportions du dessin.
- 3
Convertissez en GIF
Cliquez sur Convertir en GIF et téléchargez chaque image, ou l’ensemble dans un ZIP. Vérifiez un fichier sur le fond où il sera placé avant de l’utiliser.
Convertir un SVG en GIF échange un dessin indépendant de la résolution contre une grille fixe de 256 couleurs au maximum : c’est adapté aux logos et icônes en aplats, mais mal adapté aux dégradés.
Convertir un SVG en GIF à la largeur voulue
Un SVG est un ensemble d’instructions : tracer ce chemin, le remplir de cette couleur, placer ce texte. Un GIF est l’inverse, une grille de pixels pointant chacun vers l’une des 256 entrées de la palette. Convertir revient à dessiner les instructions une fois à une largeur en pixels choisie et à stocker le résultat ; c’est pourquoi la largeur sous Redimensionner l’image de sortie compte plus que tout autre réglage ici. Cette page démarre à 600 px.
Le GIF date de 1987, publié par CompuServe, et sa révision de 1989, GIF89a, a ajouté la transparence et les délais entre images. Cet âge est aujourd’hui sa principale force : les logiciels qui refusent les formats récents, des anciens moteurs de forum à certains clients de messagerie et régies publicitaires, affichent encore le GIF. À l’inverse, le SVG est bloqué par de nombreux formulaires d’import, car c’est du XML susceptible de contenir des scripts.
La source étant vectorielle, vous pouvez la dessiner à n’importe quelle largeur sans perdre en netteté. Choisissez la taille à laquelle le GIF sera réellement affiché ; agrandir ensuite un petit GIF ramène un flou que le SVG n’avait jamais.
| from ↓ · to → | Fond transparent | Bords doux semi-transparents | Plus de 256 couleurs | Animation |
|---|---|---|---|---|
| GIF | GIF to Fond transparent: yes | – GIF to Bords doux semi-transparents: no | – GIF to Plus de 256 couleurs: no | GIF to Animation: yes |
| PNG | PNG to Fond transparent: yes | PNG to Bords doux semi-transparents: yes | PNG to Plus de 256 couleurs: yes | – PNG to Animation: no |
| WEBP | WEBP to Fond transparent: yes | WEBP to Bords doux semi-transparents: yes | WEBP to Plus de 256 couleurs: yes | WEBP to Animation: yes |
| JPG | – JPG to Fond transparent: no | – JPG to Bords doux semi-transparents: no | JPG to Plus de 256 couleurs: yes | – JPG to Animation: no |
SVG
Scalable Vector Graphics
SVG est un format vectoriel fondé sur XML, normalisé par le W3C en 2001. Au lieu de pixels, il décrit des formes, des tracés et du texte ; il reste donc net à n'importe quelle taille et est généralement minuscule pour les logos et icônes. Il prend en charge la transparence, le style CSS, les scripts et l'animation, et tous les navigateurs l'affichent nativement. Le SVG ne convient pas aux photographies, et les illustrations complexes peuvent devenir lentes à afficher. Illustrator, Inkscape, Figma et les navigateurs peuvent l'ouvrir et le modifier.
- Compression
- –
- Transparence
- Oui
- Animation
- Oui
- Année de création
- 2001 · W3C
GIF
Graphics Interchange Format
GIF a été lancé par CompuServe en 1987 et reste le format le plus largement pris en charge pour les courtes animations en boucle. Il est sans perte mais limité à une palette de 256 couleurs par image, si bien que les photos et les dégradés présentent du banding et du tramage. Il ne gère qu'une transparence tout ou rien (1 bit), ce qui laisse des bords crénelés sur les formes courbes. Les GIF animés sont souvent bien plus lourds que la même séquence en MP4 ou WebP. Tous les navigateurs, applications de messagerie et réseaux sociaux lisent les GIF.
- Compression
- Sans perte
- Transparence
- Oui
- Animation
- Oui
- Année de création
- 1987 · CompuServe
Le SVG en GIF sert aux destinations bloquées sur le GIF, comme les signatures d’e-mail, les anciens forums et les emplacements publicitaires, qui ont besoin d’une petite image plate d’un logo vectoriel ; transformer un GIF en SVG relève de la vectorisation, pour retrouver un visuel redimensionnable.
SVG animé en GIF : ce qui n'est pas converti
Les animations SMIL, CSS et JavaScript sont ignorées
Un SVG animé dans le navigateur par des éléments animate, des keyframes CSS ou du JavaScript devient une seule image GIF fixe montrant l’état initial. Pour un GIF animé, enregistrez l’animation en vidéo et convertissez-la avec l’outil vidéo en GIF.
256 couleurs et transparence sur un bit : ce que cela change
La plupart des logos SVG utilisent quelques couleurs en aplat, la limite de la palette ne coûte donc rien. Les points délicats sont les bords lissés et les dégradés. Chaque bord courbe d’un SVG rendu contient des pixels intermédiaires partiellement transparents ; le GIF doit rendre chacun totalement visible ou totalement transparent, ce qui peut laisser un contour en escalier ou une frange pâle.
La solution est de choisir le fond avant la conversion. Si le GIF doit se placer sur le corps blanc d’un e-mail, donnez au SVG un rectangle de fond blanc ; sur un thème de forum sombre, utilisez la couleur de ce thème. Les pixels de bord se fondent alors dans la bonne couleur et le contour reste lisse. Si vous ne pouvez pas le savoir à l’avance, le PNG est plus sûr.
Questions sur la conversion SVG en GIF
Pourquoi choisir le GIF plutôt que le PNG pour un logo SVG ?
Seulement quand la destination exige du GIF, comme un ancien CMS, une signature de forum ou un modèle publicitaire qui indique le GIF comme type d’image. Le PNG conserve les bords doux et un nombre de couleurs illimité : SVG en PNG est donc le meilleur choix par défaut quand les deux formats sont acceptés.
Mon SVG animé deviendra-t-il un GIF animé ?
Non. Le convertisseur dessine le SVG une seule fois, dans son état initial : les éléments d’animation SMIL, les keyframes CSS et les scripts ne s’exécutent pas, et vous obtenez une seule image fixe. Pour capturer le mouvement, enregistrez l’animation lue dans un navigateur sous forme de vidéo, puis utilisez vidéo en GIF.
Pourquoi les bords de mon logo sont-ils crénelés ou entourés d'un halo clair ?
La transparence du GIF est binaire : chaque pixel est transparent ou non. Les pixels de bord lissés et partiellement transparents d’un SVG doivent donc être conservés ou supprimés. Des bords fondus pour un fond donné montrent une frange sur un autre. Ajoutez un rectangle de fond de la couleur de la page cible avant la conversion, et les bords se fondent proprement.
Que deviennent les dégradés du SVG ?
Une palette GIF contient au maximum 256 couleurs : les dégradés doux doivent donc être approchés. Les dégradés courts rendent bien ; les grands dégradés subtils montrent des paliers ou un tramage en points. Les logos et icônes en aplats, contenu habituel des SVG, tiennent facilement dans la palette.
Puis-je utiliser le GIF dans une signature d'e-mail ?
Oui, et c’est l’une des principales raisons de cette conversion. Gmail et Outlook n’affichent pas les images SVG dans les messages, alors que le GIF s’affiche dans les clients de messagerie depuis des décennies. Gardez une largeur modeste, d’environ 300 à 600 px, pour que la signature reste légère.
Quels réglages de taille du SVG le convertisseur prend-il en compte ?
Il utilise la largeur, la hauteur et la viewBox du dessin pour calculer les proportions, puis le dessine à la largeur en pixels que vous avez définie. La source étant vectorielle, choisir une largeur plus grande ne coûte aucune netteté, seulement du poids de fichier.
Outils SVG et GIF associés
- Convertir SVG en PNGConvertissez logos et icônes SVG en PNG à la largeur choisie (1024 px par défaut), fond transparent conservé. Comprenez le lien entre DPI et pixels.
- Convertir PNG en GIFConvertissez vos PNG en GIF pour les outils qui n'acceptent que le GIF. Voyez d'abord l'effet de la palette 256 couleurs et de la transparence 1 bit.
- Convertir JPG en GIFTransformez vos JPG en GIF pour avatars de forum, signatures d'e-mail et logiciels qui ne lisent que le GIF. Lot de 20, 256 couleurs, sans compte.
- Convertir une image en GIFConvertissez JPG, PNG, WebP, HEIC, SVG en GIF pour forums, signatures e-mail et anciens systèmes. 20 fichiers par lot, sans compte ni filigrane.
- Convertir SVG en JPEGConvertissez vos SVG en JPEG pour les portails et CMS qui refusent le vectoriel. Fond blanc, 1920 px par défaut, 20 fichiers par lot, sans compte.
- Convertir GIF en PNGConvertissez un GIF en PNG sans perdre la transparence : gardez la première image fixe ou exportez chaque image de l'animation en PNG séparé.