Aller au contenu

Convertir SVG en JPG

Un formulaire d'envoi, une place de marché ou un imprimeur n'accepte qu'un JPG. Faites le rendu du vectoriel à la taille voulue, sur le fond de votre choix — car un JPG n'a pas de transparence —, et rien n'est conservé.

  • Jamais conservé
  • Pas de file d'attente, pas d'attente
  • Sans inscription, sans filigrane

Comment ça marche

1

Ajoutez vos SVG

Déposez autant de fichiers .svg que vous voulez.

2

Choisissez la taille et le fond

Indiquez la largeur en pixels — un vectoriel est net à toute taille — et la couleur qui remplit ce qui était transparent.

3

Téléchargez

Un par un ou dans un ZIP, à la qualité que vous avez réglée.

Pourquoi le JPG se bat contre le vectoriel, et comment perdre le moins possible

Le JPEG a été conçu pour les photos : des dégradés doux et pas de bords nets, ce que sa transformation par blocs de 8×8 et son sous-échantillonnage de la chrominance traitent avec élégance. Le vectoriel, c'est l'inverse — aplats, traits d'un pixel, angles vifs et petit texte —, et chacun de ces bords prend dans un JPEG un léger halo d'ondulations, avec des franges colorées là où un bord saturé rencontre du blanc, parce que la couleur a été stockée à demi-résolution. À la qualité 90 et au-delà, les halos sont presque invisibles ; à 75, ils se voient sur n'importe quel logo. C'est pour cela que le curseur de qualité de cette page démarre haut.

La couleur de fond n'est pas un détail cosmétique. Un SVG sans fond dessine sur rien, et un JPEG doit avoir quelque chose dans chaque pixel : la zone vide est donc remplie avant l'encodage. Les bords lissés étaient fondus vers la transparence ; ils sont maintenant fondus vers la couleur choisie, si bien qu'un logo rendu sur blanc et posé sur une page sombre montre un halo pâle. Choisissez la couleur de la destination, ou utilisez le PNG, qui garde les bords non fondus.

Tout ce qui est autonome s'affiche comme dessiné — dégradés, filtres, masques, découpes, images intégrées en data URI. Les images liées et les polices web ne se chargent pas, car un SVG rendu comme une image est isolé du réseau, et les scripts ne s'exécutent pas. Si le SVG ne déclare qu'une viewBox, le rapport largeur/hauteur en découle et la largeur que vous indiquez détermine la hauteur.

Si vous cherchez autre chose

rsvg-convert -w 1600 -b white in.svg -o out.png puis cjpeg -quality 92 donne un JPEG plus propre qu'un encodeur de navigateur, avec une vraie pile de polices derrière le texte, et Inkscape exporte en ligne de commande un dossier entier avec la résolution (DPI) et le fond de votre choix.

Avant même de convertir, demandez-vous si ce qui exige un JPG n'accepterait pas un PNG : presque tout l'accepte, et le PNG d'un logo est plus léger, plus net et transparent. Les cas qui ont vraiment besoin d'un JPG sont rares — des places de marché aux formulaires stricts, certains imprimeurs, et des systèmes assez anciens pour précéder la prise en charge du PNG.

Questions fréquentes

Ne vaudrait-il pas mieux un PNG ?

En général, oui. Un visuel vectoriel, ce sont des aplats et des bords nets, que le JPG compresse mal et le PNG parfaitement, et seul le PNG conserve la transparence. Utilisez cette page quand quelque chose exige précisément un JPG — un formulaire d'annonce, un système ancien, un imprimeur — et SVG en PNG dans les autres cas.

Que devient le fond transparent ?

Le JPG n'a pas de transparence : la zone que le SVG n'a pas dessinée est donc remplie, avant l'encodage, avec la couleur que vous choisissez. Blanc par défaut ; adaptez-la à l'endroit où l'image sera placée.

À quelle taille faire le rendu ?

La plus grande taille à laquelle l'image sera affichée ou imprimée, multipliée par deux pour un écran haute densité. Un rendu en grand ne coûte rien, puisque la source est vectorielle ; le seul prix est le poids du fichier.

Pourquoi le texte est-il différent de celui de mon logiciel de création ?

Le SVG nomme une police, et la machine qui fait le rendu lui substitue ce qu'elle possède si cette police manque. Vectorisez le texte avant l'export et le problème disparaît. Les polices web référencées par URL ne sont pas récupérées : le rendu ne contacte rien à l'extérieur.

Mes fichiers sont-ils conservés quelque part ?

Non — rien n'est conservé, à aucun moment.

Bon à savoir : Les SVG qui dépendent d'images externes ou de polices web s'affichent sans elles ; les scripts ne s'exécutent pas, et les animations sont rendues à leur première image. Les bords nets prennent un halo JPG à basse qualité — restez à 90 ou plus pour un visuel.

Intégrez cet outil à votre site

Gratuit pour tout blog, page de cours ou article d'aide. Collez un seul extrait de code et vos visiteurs pourront l'utiliser directement sur votre page.