La plupart des problèmes de conversion SVG en JPG viennent de ce qu'un SVG rendu comme image est isolé (en « bac à sable ») : il ne peut pas charger de polices externes, d'images liées ni de scripts, et il tire sa taille de ses propres attributs. Corriger le fichier SVG lui-même, en vectorisant le texte, en intégrant les images et en définissant une largeur et une hauteur, résout presque tous les cas.
Trouvez votre symptôme ci-dessous.
Sur cette page
À retenir
- Les polices web externes ne sont pas chargées ; vectorisez le texte ou intégrez la police.
- Les images liées ne sont pas chargées ; intégrez-les dans le SVG sous forme de data URI.
- La taille du résultat provient de width, height et viewBox ; définissez-les explicitement.
- La transparence devient blanche en JPG ; utilisez le PNG pour la conserver.
Les problèmes en un coup d'œil
| Symptôme | Cause | Solution |
|---|---|---|
| Texte dans la mauvaise police | Police externe non chargée | Vectoriser le texte, ou intégrer la police |
| Photo ou icône manquante | Image liée non chargée | Intégrer l'image dans le SVG |
| JPG minuscule ou en 800 × 600 | Aucune taille, ou taille en pourcentage | Définir width et height en pixels |
| Visuel rogné | La viewBox ne couvre pas le dessin | Corriger la viewBox |
| Cadre blanc au lieu de la transparence | Le JPG ne gère pas la transparence | Utiliser le PNG |
Mauvaise police dans le JPG
Les navigateurs rendent les fichiers SVG utilisés comme images dans un environnement isolé qui bloque les ressources externes, y compris les polices web chargées par @import ou par un lien. Le texte se rabat alors sur une police système. Dans Illustrator, Inkscape ou Figma, vectorisez le texte (conversion en tracés) avant l'export, ou intégrez la police au SVG sous forme de data URI.
Les images contenues dans le SVG manquent
Un élément image qui pointe vers un fichier séparé ou une URL n'est pas chargé, pour la même raison d'isolement. Exportez le SVG avec les images intégrées ; la plupart des éditeurs proposent une option Incorporer, qui stocke l'image dans le SVG sous forme de données base64.
Le JPG est trop petit, trop grand ou rogné
- Trop petit : les attributs width et height du SVG sont petits, comme 24 × 24 pour une icône. Augmentez-les, par exemple à 1024 × 1024, en gardant la viewBox.
- Exactement 800 × 600 : le SVG n'a pas de taille exploitable, ou utilise des pourcentages comme width="100%". Indiquez des valeurs en pixels.
- Limité à 4 096 pixels : le plus grand côté est plafonné pour que la conversion reste fiable.
- Rogné : la viewBox n'inclut pas tout le dessin. Ajustez le plan de travail à l'illustration dans votre éditeur et exportez à nouveau.
Les règles de taille sont détaillées dans comment convertir un SVG en JPG.
Le fond est devenu blanc
C'est normal : le JPG ne peut pas être transparent, le convertisseur remplit donc le fond de blanc plutôt que de noir. Convertissez avec SVG en PNG pour conserver la transparence. Les différences entre les formats sont expliquées dans SVG ou JPG.
Vérification rapide avant de convertir
Ouvrez le SVG dans un onglet de navigateur pour confirmer qu'il est valide et qu'il a le bon aspect. Gardez à l'esprit qu'un onglet peut charger des polices externes et des images liées que le convertisseur ne peut pas charger : si le design en dépend, vectorisez le texte et intégrez les images dans votre outil de création avant de convertir.
Problèmes de SVG en JPG : FAQ
Pourquoi mon SVG converti utilise-t-il la mauvaise police ?
Les SVG rendus comme images ne peuvent pas charger de polices externes. Vectorisez le texte ou intégrez la police dans le SVG.
Pourquoi des images manquent-elles après la conversion SVG en JPG ?
Les images liées sont bloquées. Intégrez-les dans le SVG avant de convertir.
Comment agrandir le JPG ?
Augmentez les attributs width et height du SVG, jusqu'à 4 096 pixels sur le plus grand côté.
Pourquoi mon JPG fait-il 800 × 600 ?
Le SVG n'a pas de taille en pixels, la taille par défaut est donc utilisée. Ajoutez des attributs width et height.
Pourquoi le fond est-il blanc ?
Le JPG ne gère pas la transparence. Utilisez le PNG si vous avez besoin d'un fond transparent.
Corrigez le SVG, puis convertissez
Vectorisez le texte, intégrez les images et définissez une taille en pixels : le SVG se convertit alors en un JPG identique au design.
