Convertisseur SVG en PNG, JPG, WebP et PDF

Convertissez un SVG en PNG, JPG, WebP ou PDF. Choisissez l’échelle de sortie, modifiez les couleurs et le fond, puis téléchargez vos fichiers.

Importer un fichier SVG

Convertissez en PNG, JPG, WebP ou PDF

Déposez un fichier SVG ici ou utilisez le bouton.

SVG conversion preview

Convertir un SVG en PNG, JPG, WebP ou PDF

Vous avez un logo, une icône ou une illustration au format SVG que vous devez utiliser dans un document, un éditeur d’images ou sur un site qui n’accepte pas ce format ? Le convertisseur SVG d’Imagesmint transforme votre fichier en image sans vous obliger à recréer le dessin. Importez le SVG, réglez les options, vérifiez l’aperçu et téléchargez le résultat dans le format adapté à votre projet.

Malgré son nom, SVG vers PNG, l’outil permet également d’exporter en JPG, WebP et PDF. Vous pouvez choisir l’échelle de sortie, modifier l’arrière-plan, ajuster les couleurs détectées, réduire les marges vides et optimiser le code SVG avant le rendu.

Qu’est-ce que le SVG et pourquoi le convertir ?

SVG signifie Scalable Vector Graphics. Contrairement à un PNG ou à un JPG classique, un fichier SVG décrit un dessin à l’aide de tracés, de formes, de texte et d’autres instructions vectorielles. Un dessin vectoriel peut être affiché à différentes tailles sans subir la même pixellisation qu’une petite image agrandie.

Le SVG convient particulièrement aux logos, aux icônes, aux schémas et aux illustrations destinés au web. Cependant, certains logiciels, formulaires d’importation, documents et plateformes acceptent plus facilement les images PNG, JPG ou WebP. La conversion facilite donc l’utilisation du dessin dans ces contextes.

Cette opération s’appelle la rastérisation : le dessin vectoriel est rendu sous forme de pixels selon les dimensions choisies. Le fichier PNG, JPG ou WebP obtenu est donc une image matricielle, et non un SVG qui peut être agrandi indéfiniment sans perte de netteté.

Quel format de sortie choisir ?

PNG : idéal pour les logos et les fonds transparents

Le PNG convient aux logos, aux icônes d’interface, aux illustrations et aux graphiques qui doivent conserver des contours nets ou des zones transparentes. Avec cet outil, vous pouvez conserver la transparence en choisissant PNG et un arrière-plan transparent. C’est pratique pour placer un logo sur une section colorée, une présentation ou une autre image.

Un PNG peut toutefois être relativement volumineux lorsque ses dimensions sont importantes. Si votre objectif est surtout de réduire le poids d’une image destinée au web, vous pouvez ensuite utiliser le convertisseur PNG vers WebP.

JPG : pour les images sur fond uni

Le JPG convient lorsqu’un site, une application ou un document exige une image JPEG. Contrairement au PNG, ce format ne prend pas en charge la transparence. Dans cette version de l’outil, le rendu JPG est effectué sur un fond blanc : les zones transparentes du SVG ne le resteront donc pas dans le fichier téléchargé.

Choisissez JPG lorsque le fond uni ne pose pas de problème et que la plateforme cible exige ce format. Pour un logo destiné à être placé sur plusieurs arrière-plans, le PNG reste généralement plus adapté.

WebP : une option pour les graphiques web

WebP est un format d’image conçu pour les usages web. Il peut être intéressant lorsque vous souhaitez afficher un graphique sur un site tout en conservant un fichier relativement léger. Le poids obtenu dépend notamment du dessin, des dimensions, de la transparence et de l’implémentation d’encodage du navigateur.

Sélectionnez WebP si votre application cible prend ce format en charge. Pour convertir ensuite un fichier PNG existant, vous pouvez utiliser l’outil PNG vers WebP.

PDF : intégrer le dessin dans un document

L’option PDF crée un document PDF contenant le dessin rendu. Elle peut être utile lorsque vous avez besoin de l’illustration dans un flux de travail orienté document plutôt que sous forme d’image séparée.

Dans l’implémentation actuelle, le dessin est intégré au PDF sous forme d’image JPEG sur fond blanc. Le PDF obtenu n’est donc pas un document vectoriel qui conserve les tracés SVG d’origine, et la transparence n’est pas préservée. Pour créer un PDF à partir d’une ou plusieurs images existantes, vous pouvez également utiliser le convertisseur d’images en PDF.

Choisir l’échelle de sortie

Le réglage d’échelle détermine le nombre de pixels générés à partir des dimensions détectées dans le SVG. Les choix disponibles sont 1×, 2×, 4× et 8×.

  • 1× : pour un export aux dimensions standard, lorsque les dimensions déclarées du SVG conviennent déjà.
  • 2× : un bon point de départ pour obtenir des graphiques plus nets sur les écrans à haute densité.
  • 4× : utile pour produire une image plus grande, créer des aperçus détaillés ou poursuivre les modifications dans un autre logiciel.
  • 8× : destiné aux exports de grande taille, à condition que les dimensions finales restent dans les limites de l’outil.

Augmenter l’échelle n’ajoute pas de nouveaux détails vectoriels au dessin d’origine. L’outil restitue simplement le même contenu avec davantage de pixels. Le fichier peut donc devenir beaucoup plus lourd et nécessiter davantage de mémoire.

Le code de rendu limite la largeur et la hauteur à 10 000 pixels. Si l’application de l’échelle choisie dépasse cette limite, le rendu ne peut pas être effectué. Pour une illustration très grande, essayez une échelle inférieure.

Personnaliser l’arrière-plan

Les commandes d’arrière-plan permettent de choisir la couleur utilisée derrière le dessin. Vous pouvez utiliser le sélecteur de couleur, saisir un code hexadécimal ou choisir l’une des couleurs prédéfinies. Cela permet d’adapter le résultat à un site, à un document ou à une présentation.

Pour les sorties PNG et WebP, vous pouvez aussi sélectionner un fond transparent. Le dessin pourra alors être placé sur une autre couleur ou une autre image sans afficher de rectangle opaque derrière lui.

Les sorties JPG et PDF sont générées sur fond blanc dans cette version de l’outil, car elles ne conservent pas la transparence dans le processus utilisé. Si vous avez besoin d’un logo transparent, choisissez plutôt le PNG.

Modifier les couleurs du SVG

Certains fichiers SVG contiennent des valeurs de couleur explicites pour les remplissages, les contours ou les arrêts de dégradé. Le panneau Couleurs du SVG recherche plusieurs déclarations courantes en hexadécimal ou au format RGB/RGBA et crée des commandes pour les couleurs qu’il détecte.

Sélectionnez une couleur détectée, puis choisissez une couleur de remplacement pour modifier les valeurs correspondantes avant le rendu. Cette option peut être pratique pour adapter un logo ou une icône à une autre charte graphique.

La détection ne couvre pas nécessairement tous les SVG. Les couleurs nommées, les variables CSS, les styles complexes et certaines structures avancées peuvent ne pas apparaître dans le panneau. Vérifiez l’aperçu après chaque modification, notamment si le dessin utilise des dégradés, des filtres ou une mise en forme élaborée.

Optimiser le SVG et réduire les marges vides

Nettoyer et minifier avec SVGO

L’option Nettoyer et minifier utilise SVGO pour optimiser le code SVG avant le rendu. Cette optimisation peut supprimer des éléments de balisage inutiles ou simplifier certaines parties du fichier, ce qui peut réduire sa taille. L’outil affiche également des informations sur l’optimisation lorsqu’une réduction peut être calculée.

Un SVG source plus léger ne signifie pas nécessairement que le PNG ou le JPG final sera plus petit. Le poids de l’image exportée dépend aussi de ses dimensions, du format choisi et de son contenu visuel. Vérifiez le rendu après optimisation, car certains SVG complexes peuvent être affichés différemment lorsque leur balisage est modifié.

Supprimer viewBox

L’attribut viewBox définit le système de coordonnées et la zone visible utilisés pour afficher le dessin SVG. L’outil propose de supprimer cet attribut, mais cette option ne constitue pas une amélioration systématique. Sa suppression peut modifier la mise à l’échelle ou la façon dont le dessin s’insère dans sa zone d’affichage.

Laissez cette option désactivée sauf si vous avez une raison précise de retirer le viewBox. Si le dessin semble mal dimensionné, tronqué ou incomplet, rétablissez le réglage initial puis relancez le rendu.

Rogner automatiquement les marges

L’option Auto-Crop tente d’ajuster le viewBox aux limites du dessin visible pour réduire les espaces vides autour de l’illustration. Elle peut notamment aider lorsqu’un logo ou une icône paraît minuscule au milieu d’une grande zone vide.

Le résultat dépend de la structure du SVG et de la manière dont le navigateur mesure ses éléments. Si le fichier utilise des filtres, des ombres, des masques ou des effets qui dépassent des tracés, examinez attentivement l’aperçu. Désactivez Auto-Crop si le dessin est coupé ou si l’espacement devient incorrect.

Comment convertir un SVG avec Imagesmint

  1. Importez votre SVG. Cliquez sur Télécharger un SVG pour sélectionner un fichier sur votre appareil. Vous pouvez également le faire glisser sur la page.
  2. Attendez l’aperçu. Le fichier est lu et traité dans le navigateur, puis l’outil affiche le dessin rendu.
  3. Choisissez le format de sortie. Sélectionnez PNG, JPG, WebP ou PDF en fonction de l’utilisation prévue.
  4. Réglez l’échelle. Commencez par 1× ou 2× pour les graphiques web courants. Choisissez 4× ou 8× si vous avez besoin d’un export plus grand et que ses dimensions restent dans la limite autorisée.
  5. Adaptez l’apparence. Modifiez l’arrière-plan, les couleurs détectées ou les options d’optimisation et de rognage si nécessaire.
  6. Vérifiez les informations du fichier. Contrôlez le nom d’origine, les dimensions, la taille du fichier et les dimensions de sortie affichées.
  7. Téléchargez le résultat. Utilisez Télécharger pour enregistrer le format choisi, ou l’option ZIP pour obtenir un ensemble de fichiers de plusieurs tailles.

Télécharger plusieurs tailles dans un fichier ZIP

Si vous avez besoin de plusieurs versions d’un logo ou d’une icône, l’export ZIP peut vous faire gagner du temps. L’outil génère des versions PNG et JPG aux échelles 1×, 2×, 4× et 8×, ainsi que le SVG traité. Certaines versions peuvent être omises si leurs dimensions dépassent la limite de rendu.

Le ZIP contient actuellement des versions PNG et JPG ainsi que le SVG traité. Il ne contient pas de fichiers WebP ou PDF, même si l’un de ces formats est sélectionné dans l’éditeur principal. Pour obtenir du WebP ou du PDF, téléchargez ce format séparément avec le bouton principal.

Points à vérifier avant la conversion

  • Privilégiez un SVG autonome. Les images ou polices chargées depuis des ressources externes risquent de ne pas s’afficher correctement. Intégrer les données d’image ou convertir le texte en tracés avant l’importation peut aider.
  • Vérifiez les dimensions finales. Une échelle élevée augmente le nombre de pixels, la mémoire nécessaire et potentiellement le poids du fichier.
  • Choisissez le format selon le fond souhaité. Utilisez PNG ou WebP si vous avez besoin de transparence ; le JPG et le PDF générés ici utilisent un fond blanc.
  • Contrôlez le résultat optimisé ou rogné. Les SVG avec des effets avancés peuvent nécessiter de conserver leurs réglages d’origine.
  • Gardez à l’esprit la différence entre vectoriel et matriciel. Le PNG, le JPG et le WebP sont des images matricielles qui ne conservent pas la structure vectorielle du SVG.

La conversion se fait-elle dans le navigateur ?

La logique de conversion utilise JavaScript côté navigateur et l’API Canvas. Le fichier SVG est lu et traité localement, plutôt que d’être envoyé à un serveur dédié de conversion par le code de traitement présenté ici. La page charge néanmoins des bibliothèques JavaScript complémentaires depuis un réseau de diffusion de contenu.

Questions fréquentes

Puis-je convertir un SVG en JPG plutôt qu’en PNG ?

Oui. Sélectionnez JPG dans le panneau de format avant le téléchargement. Le résultat utilise un fond blanc : les zones transparentes du SVG ne seront donc plus transparentes.

Le convertisseur permet-il d’exporter en WebP ?

Oui. Sélectionnez WebP comme format de sortie. Vous pourrez utiliser le fichier dans les projets web compatibles avec ce format.

L’export en 8× est-il disponible ?

Oui, mais la largeur et la hauteur générées doivent chacune rester inférieures ou égales à 10 000 pixels. Si cette limite est dépassée, choisissez une échelle plus basse.

Pourquoi le SVG converti a-t-il une apparence différente ?

Le fichier peut dépendre de polices ou d’images externes, de filtres complexes ou d’autres fonctions qui ne sont pas rendues de la même manière dans le navigateur. Essayez un SVG autonome, désactivez Auto-Crop ou l’optimisation, puis vérifiez de nouveau l’aperçu.

Le fichier ZIP contient-il tous les formats ?

Non. L’export ZIP comprend les versions PNG et JPG à plusieurs échelles, ainsi que le SVG traité. Les formats WebP et PDF doivent être téléchargés séparément.

Comment conserver un arrière-plan transparent ?

Choisissez PNG ou WebP et sélectionnez l’arrière-plan transparent. Les fichiers JPG et le PDF généré par cet outil utilisent un fond blanc.

Le convertisseur SVG d’Imagesmint vous permet de choisir le format, la résolution, les couleurs et l’arrière-plan sans devoir utiliser un logiciel graphique de bureau. Réglez les options selon votre projet, vérifiez l’aperçu puis téléchargez le résultat adapté à votre besoin.