Convertissez un SVG en JPG sur la couleur de fond de votre choix
Ajoutez des fichiers SVG ou collez du code SVG, réglez la taille, la couleur de fond et la qualité JPG, et récupérez vos JPG. Tout se passe dans votre propre navigateur : aucun fichier n'est téléversé.
- Dans votre navigateur — sans téléversement
- Gratuit, sans inscription
- Accepte les fichiers SVG ou le code collé
- 20 fichiers par lot, 20 Mo chacun
Taille
1× correspond à la taille que le SVG indique lui-même. Chaque fichier est converti avec les réglages en vigueur au moment où il démarre : une modification ici s'applique donc aussi aux fichiers encore en attente dans la liste.
Échelle
Tout nombre supérieur à 0, par exemple 1,5 ou 0,5.
Ou fixez un côté en pixels
Indiquez une largeur ou une hauteur ; l'autre côté suit les proportions de chaque SVG.
Sortie maximale : 16384 px de côté, et pas plus de 8192 × 8192 px de surface.
Le JPG ne peut pas stocker la transparence : les zones transparentes du SVG sont donc remplies de cette couleur.
Qualité
85Plus elle est élevée, plus les contours et les traits fins restent nets ; plus elle est basse, plus le fichier est léger.
Déposez des fichiers SVG ici ou cliquez pour parcourir
Formats acceptés : SVG.
Jusqu'à 20 fichiers, 20 Mo par fichier
Comment convertir un SVG en JPG
Réglez la taille, le fond et la qualité
Choisissez une échelle ou une largeur en pixels, puis la couleur qui remplit les zones transparentes du SVG (blanc au départ) et la qualité JPG. 85 convient à la plupart des visuels.
Ajoutez vos SVG
Déposez jusqu'à 20 fichiers SVG, ou collez du code SVG dans l'onglet « Coller du code ». Chacun est peint sur la couleur de fond, à la taille que vous avez choisie.
Enregistrez les JPG
Téléchargez chaque JPG, nommé d'après sa taille en pixels, ou le lot entier dans un ZIP. Si vous modifiez un réglage ensuite, la liste propose de refaire les fichiers terminés avec ce réglage.
Tailles de SVG en JPG pour le web et l'impression
Pour un JPG, ce sont les grandes largeurs, en bas du tableau, qui comptent : pages web, diapositives, documents et impressions, où une image opaque sur un fond connu convient. Les petites lignes d'icônes demandent plutôt la transparence d'un PNG. Aucune de ces largeurs n'est la règle d'un site. Choisissez une ligne et le convertisseur utilise sa largeur.
| Largeur | Usage courant | Appliquer cette largeur au convertisseur |
|---|---|---|
| 16 px | La taille classique d'un favicon dans un onglet de navigateur. | |
| 32 px | Un favicon pour les écrans haute densité et les barres de favoris. | |
| 48 px | Une taille de favicon plus grande, souvent fournie pour les raccourcis du bureau. | |
| 180 px | La taille habituelle d'une icône d'écran d'accueil sur iPhone et iPad (apple-touch-icon). | |
| 192 px | Une icône courante du manifeste d'application web, affichée sur l'écran d'accueil Android. | |
| 512 px | La grande icône du manifeste d'application web, utilisée aussi pour l'installation et l'écran de démarrage. | |
| 1024 px | Un logo ou une illustration nette pour des pages web, des documents et des présentations. | |
| 2048 px | Des visuels pour écrans haute densité et de petits tirages. | |
| 4096 px | Grands tirages et bannières. À cette largeur, seul un SVG plus de quatre fois plus haut que large dépasse la limite de taille. |
16 px
La taille classique d'un favicon dans un onglet de navigateur.
32 px
Un favicon pour les écrans haute densité et les barres de favoris.
48 px
Une taille de favicon plus grande, souvent fournie pour les raccourcis du bureau.
180 px
La taille habituelle d'une icône d'écran d'accueil sur iPhone et iPad (apple-touch-icon).
192 px
Une icône courante du manifeste d'application web, affichée sur l'écran d'accueil Android.
512 px
La grande icône du manifeste d'application web, utilisée aussi pour l'installation et l'écran de démarrage.
1024 px
Un logo ou une illustration nette pour des pages web, des documents et des présentations.
2048 px
Des visuels pour écrans haute densité et de petits tirages.
4096 px
Grands tirages et bannières. À cette largeur, seul un SVG plus de quatre fois plus haut que large dépasse la limite de taille.
Les hauteurs ne sont pas indiquées, car chaque SVG garde ses propres proportions : une icône carrée reste carrée, et un logo deux fois plus large que haut sort avec une hauteur égale à la moitié de la largeur.
Ce qui change quand un SVG devient un JPG
Un JPG ne peut pas stocker la transparence, et il sacrifie un peu de détail pour rester léger. Ces deux faits, ainsi que les polices utilisées par le dessin, déterminent l'aspect du résultat.
SVG transparentJPG rempli Le fond comble les vides
Là où le SVG est transparent, un JPG a quand même besoin d'une couleur. Le convertisseur peint d'abord votre couleur de fond, puis dessine le SVG par-dessus ; sans cette étape, un navigateur remplit ces zones de noir.
Accordez le fond à la page, à la diapositive ou à la fiche produit où le JPG sera placé, pour que les bords adoucis et les ombres s'y fondent.
Qualité élevéeQualité basse Qualité et aplats de couleur
La compression JPG est conçue pour les photos. Sur les aplats et les contours francs dont la plupart des SVG sont faits, elle laisse de légères bavures autour des traits et des lettres, d'autant plus que la qualité est basse.
Gardez une qualité d'au moins 85 pour les logos et le texte ; pour un visuel en aplats qui doit être minuscule, un PNG est souvent plus léger et plus propre.
Police disponiblePolice de remplacement Lettrage, polices et compression
Les lettres sont dessinées au moment de la conversion, avec une police installée ici ou intégrée au SVG ; une police web vers laquelle le SVG renvoie seulement n'est pas récupérée, et une police de remplacement prend sa place. La compression JPG s'applique ensuite aux lettres dessinées, et c'est sur les traits fins et le petit texte que ses bavures apparaissent en premier.
Vectorisez le texte avant d'exporter le SVG, et augmentez la qualité quand le JPG contient du petit texte.
Obtenir un JPG propre à partir d'un SVG
Tout JPG est opaque : le réglage qui compte le plus est donc la couleur de fond. Elle est blanche au départ. Si le JPG est destiné à une page, une diapositive ou une fiche produit colorée, choisissez ici cette couleur, pour que les bords adoucis et les ombres s'y fondent au lieu de laisser un halo blanc.
Si les zones transparentes doivent le rester, pour un logo posé sur des fonds de différentes couleurs, le JPG n'est pas le bon format : convertissez plutôt le SVG en PNG, qui les conserve.
Le curseur de qualité arbitre entre le poids du fichier et ces bavures autour des contours. Pour passer sous une limite de téléversement précise sans tâtonner avec le curseur, convertissez en qualité élevée, puis compressez le JPG à une taille de fichier cible.
Le texte est l'autre surprise fréquente. Les polices installées sur cet appareil et celles intégrées au SVG sont utilisées, mais une police liée depuis le web n'est pas chargée : le lettrage peut donc changer. Vectorisez le texte avant d'exporter le SVG chaque fois qu'il doit être identique.
Limites à connaître
- Entrée : fichiers SVG ou code SVG collé, au plus 20 par lot et 20 Mo par fichier ou par collage.
- Sortie : un JPG jusqu'à 16384 px de côté et 8192 × 8192 px de surface. Une taille supérieure est refusée avant même que le fond ne soit peint.
- Ni transparence ni animation : les zones transparentes prennent la couleur de fond, et un SVG animé devient un seul instant figé, choisi par le navigateur.
- Chrome, Edge et Safari n'exportent pas de JPG à partir d'un SVG qui contient du HTML (un élément foreignObject), quels que soient le fond ou la qualité ; Firefox, si.
FAQ SVG en JPG
Mon SVG est-il envoyé quelque part quand je le convertis en JPG ?
Non. Le remplissage du fond, le dessin et la compression JPG se déroulent dans cet onglet du navigateur : ni le fichier ni le code collé ne partent vers un serveur. Ce que la page télécharge pendant que vous travaillez, c'est son propre code, comme la bibliothèque ZIP lors de votre premier téléchargement d'un ZIP, jamais vos visuels. Les images et les polices vers lesquelles le SVG renvoie ne sont jamais demandées.
Comment convertir un SVG en JPG avec un fond blanc ?
Le blanc est la valeur par défaut : les zones transparentes du SVG sortent donc blanches sans rien changer. Pour une autre couleur, choisissez-la avec le sélecteur ou saisissez sa valeur hexadécimale dans les réglages au-dessus de la zone de dépôt. Les fichiers déjà convertis peuvent ensuite être refaits avec la nouvelle couleur depuis la liste.
Quelle qualité JPG utiliser pour un SVG ?
85, la valeur par défaut, convient à la plupart des visuels. Les logos, les dessins au trait et le petit texte montrent des bavures de compression plus tôt que les photos : utilisez 90 ou plus pour eux. Des réglages plus bas donnent des fichiers plus légers aux contours visiblement plus flous.
Puis-je créer un JPG grand format en haute résolution à partir d'un SVG ?
Oui. Indiquez la largeur voulue en pixels, ou une échelle comme 4×. Le SVG est redessiné à cette taille au lieu d'être étiré : les contours restent nets jusqu'à 16384 px de côté et 8192 × 8192 px de surface. Un grand JPG peut être lourd : baissez un peu la qualité, ou compressez-le ensuite à une taille de fichier cible, plutôt que de le convertir plus petit.
Pourquoi le lettrage de mon JPG n'est-il pas correct ?
Soit la police manque, soit les lettres bavent. Si elle manque, le SVG nomme une police que cet appareil n'a pas et ne l'intègre pas ; les polices web liées ne sont pas chargées pendant la conversion, et le navigateur en substitue donc une autre. Intégrez la police ou vectorisez le texte dans votre logiciel de dessin, puis convertissez à nouveau. Si la police est la bonne mais que les contours sont flous, c'est la compression JPG : augmentez la qualité.
Que signifie l'erreur concernant du contenu HTML ?
Cela signifie que le SVG intègre du HTML par un élément foreignObject ; certaines applications de diagrammes exportent ainsi leurs libellés de texte. Changer la couleur de fond ou la qualité n'y fait rien : Chrome, Edge et Safari refusent d'enregistrer tout dessin qui contient du HTML. Convertissez le fichier dans Firefox, qui l'autorise, ou remplacez cette partie par du texte et des formes SVG simples, puis ajoutez à nouveau le fichier.
Puis-je convertir du code SVG plutôt qu'un fichier ?
Oui. Ouvrez l'onglet « Coller du code », collez le balisage et choisissez « Convertir le code » ; jusqu'à 20 Mo de code à la fois. Le code copié depuis le HTML d'une page web fonctionne aussi, même sans l'attribut xmlns : le convertisseur trouve le SVG qu'il contient et le complète avant de le dessiner.
Étapes suivantes
- SVG en PNGVous voulez garder les zones transparentes ? Convertissez plutôt le même SVG en PNG.
- Compresser une imageJPG au-delà d'une limite de téléversement ? Compressez-le à une taille de fichier exacte.
- Convertir le format d'imageBesoin de WebP ou d'AVIF pour une page web ? Convertissez les JPG par lot.
- Redimensionner une imageAdaptez le JPG à un canevas exact, avec marges ou recadré, pour une fiche produit ou une diapositive.
- Agrandir une imageVous n'avez qu'une petite copie matricielle du visuel ? Agrandissez-la avant de l'utiliser.
Transformez votre SVG en JPG maintenant
Choisissez une couleur de fond et une qualité, déposez vos SVG ou collez le code, et enregistrez des JPG prêts pour le web, les diapositives et l'impression. Rien ne quitte cet appareil.