Convertisseur SVG vers PNG : Rasteriser des graphiques vectoriels à toute taille

Mis à jour le: June 28, 2026

SVG et PNG sont des types d'images fondamentalement différents. SVG est un format vectoriel — il stocke les formes comme des mathématiques, ce qui lui permet de s'adapter à n'importe quelle taille sans perdre de netteté. PNG est un format matriciel (raster) — il stocke une grille fixe de pixels, ce qui signifie qu'il a une résolution native unique et devient flou lorsqu'on l'agrandit. Convertir SVG en PNG signifie choisir la taille des pixels, car une fois rasterisé, la capacité d'évolutivité est perdue. Ce guide explique comment choisir la bonne résolution, quand vous devez réellement convertir, et comment exporter des PNG nets à partir de SVG.

Réponse rapide : comment convertir SVG en PNG ?

Ouvrez le SVG dans un convertisseur ou un outil de conception, définissez les dimensions cibles en pixels (en tenant compte du retina si nécessaire — exportez à 2x la taille d'affichage), et exportez en PNG. Choisissez une taille suffisamment grande pour chaque endroit où le PNG sera utilisé, car vous ne pouvez pas agrandir un PNG plus tard sans perte de qualité. Utilisez le SVG to PNG converter pour des exports uniques rapides, ou un outil de conception pour le travail par lots. Conservez toujours l'original SVG, car il reste la source évolutive si vous avez besoin d'une taille différente.

Quelle est la différence entre SVG et PNG ?

La distinction vectoriel contre matriciel explique tout sur pourquoi et quand convertir.

• SVG reste net quelle que soit la résolution — un logo est net à 16px et 1600px depuis un seul fichier.
• PNG est limité par ses dimensions en pixels — si vous l'exportez trop petit, il ne peut pas être agrandi proprement.
• SVG ne peut pas représenter de photographies ; PNG le peut, c'est pourquoi les photos ne sont jamais des SVG.

Quand devriez-vous convertir SVG en PNG ?

SVG est le meilleur format lorsque l'environnement le prend en charge, la conversion n'étant qu'une solution de repli pour les cas où SVG ne fonctionne pas. Convertissez uniquement quand vous devez absolument, conservez sinon le SVG.

• Environnement non pris en charge — certains clients de messagerie et outils plus anciens ne rendent pas les SVG.
• Exigence matricielle intégrée — un système qui n'accepte que PNG ou JPG.
• Contenu photographique mélangé — bien que dans ce cas, la source ne devrait pas être un SVG.
• Mise en cache et performance — un PNG pré-rendu peut être plus rapide à servir que l'analyse d'un SVG à chaque chargement.

Pour les sites web, SVG est généralement préférable car il reste net sur les écrans retina et télécharge peu de données. Le retina display guide explique pourquoi les graphiques vectoriels éliminent entièrement le problème de résolution pour les logos et les icônes.

Comment choisir la bonne résolution ?

La décision de résolution est permanente, elle compte donc. Exportez le PNG à la plus grande taille qu'il sera jamais affiché, multipliée par le ratio de pixels du périphérique pour une netteté retina.

• Si le PNG sera utilisé à plusieurs tailles, exportez à la plus grande et laissez le CSS le réduire.
• Pour une netteté retina, exportez à 2x (ou 3x pour les téléphones) des dimensions d'affichage.
• Exporter trop petit est l'erreur courante et irrécupérable.

Le calcul est simple : décidez de la plus grande largeur d'affichage, doublez-la pour le retina, et exportez à cette largeur en pixels. Le retina display guide couvre le flux de travail 2x et 3x en détail.

Comment convertir SVG en PNG ?

Plusieurs méthodes fonctionnent, selon le volume et les besoins de contrôle.

1. Convertisseur en ligne — téléchargez le SVG, définissez les dimensions, téléchargez le PNG. Rapide pour des cas uniques.
2. Outil de conception (Figma, Illustrator, Inkscape) — ouvrez le SVG, exportez à la taille choisie. Meilleur contrôle.
3. Ligne de commande (rsvg-convert, ImageMagick) — scriptable pour le traitement par lots.
4. Navigateur — ouvrez le SVG, faites une capture d'écran à la taille cible.

Pour le travail par lots, la ligne de commande gagne car elle applique des paramètres identiques à chaque fichier. Pour un logo important unique, un outil de conception offre le plus de contrôle sur les options d'exportation.

Conversion par lots pour les ensembles d'icônes

Convertir un dossier d'icônes SVG en PNG est courant lors du déploiement d'une application ou d'un système de design — vous avez besoin de chaque icône à plusieurs tailles, et le faire manuellement n'est pas évolutif. L'approche par lots applique les mêmes paramètres d'exportation à chaque fichier de l'ensemble.

1. Organisez les SVG dans un seul dossier, nommé de manière cohérente.
2. Décidez des tailles d'exportation (par exemple, 16, 32, 64 pour un ensemble d'icônes).
3. Exécutez un rasteriseur par lots qui exporte chaque SVG à chaque taille.
4. Vérifiez quelques résultats pour la netteté et la transparence.

L'avantage du batch rasterizing est la cohérence — chaque icône est exportée avec exactement les mêmes paramètres, donc l'ensemble semble uniforme. Le batch processing guide couvre le flux de travail plus large pour appliquer des opérations sur des dossiers d'images, et une fois rasterisés, les PNG peuvent être compressed ensemble pour minimiser leur taille servie.

Erreurs courantes de conversion

• Exporter trop petit — le PNG ne peut pas être agrandi plus tard. Exportez à 2x la taille d'affichage.
• Perdre l'original SVG — conservez-le toujours ; c'est la source évolutive pour les tailles futures.
• Convertir alors que SVG fonctionnerait — de nombreux environnements modernes prennent en charge SVG directement.
• Oublier la transparence — PNG prend en charge l'alpha ; assurez-vous que l'exportation le préserve si nécessaire.
• Mélanger vectoriel et matriciel — si la source contient des photos intégrées, le résultat est un hybride qui perd les avantages de SVG.

Quand conserver plutôt le SVG

Le meilleur choix par défaut est de garder le SVG et de ne convertir que lorsque c'est forcé. SVG sert un seul fichier qui est net sur tous les écrans, télécharge peu de données et reste éditable. PNG a du sens lorsque l'environnement rejette SVG, lorsque vous avez besoin d'un raster fixe pour une exigence système, ou lorsque la performance exige un fichier pré-rendu que le navigateur peut mettre en cache sans analyse.

Convertir par commodité plutôt qu'une nécessité ne fait que jeter l'évolutivité qui faisait du SVG le bon choix initialement. Pour les spécifications techniques, le W3C SVG standard définit ce que SVG peut exprimer, et la PNG specification documente le format matriciel auquel il est converti. Faites correspondre le format à la contrainte — et lorsque aucune contrainte ne force PNG, laissez SVG faire son travail.

Questions fréquemment posées

Quelle est la différence entre SVG et PNG ?

SVG est un format vectoriel (formes décrites mathématiquement, indépendant de la résolution) ; PNG est matriciel (une grille de pixels). SVG s'adapte sans perdre de netteté ; PNG est fixe à ses dimensions en pixels. Convertissez SVG en PNG lorsque vous avez besoin d'une image matricielle fixe.

Quand devrais-je convertir SVG en PNG ?

Lorsqu'une cible ne prend pas en charge SVG (certains clients de messagerie, logiciels plus anciens), lorsque vous avez besoin d'un raster de taille fixe, ou lorsque le SVG a des effets complexes qui se rendent de manière incohérente. Pour le web, servez SVG directement là où c'est pris en charge.

Comment choisir la bonne résolution ?

Faites correspondre la taille d'affichage à 1x ou 2x (pour retina). Étant donné que SVG est indépendant de la résolution, vous le rasterisez à n'importe quelle taille en pixels dont vous avez besoin — rendez-le à 2x la taille d'affichage pour une netteté sur les écrans retina.

Puis-je convertir SVG en PNG par lots ?

Oui — ImageMagick (magick mogrify), rsvg-convert, ou un navigateur headless gèrent des dossiers de SVG. Pour les ensembles d'icônes, un script rend chaque SVG à toutes les tailles dont vous avez besoin en une seule passe. Consultez le SVG to PNG guide.

Est-ce que SVG prend en charge la transparence ?

Oui — SVG est vectoriel et prend en charge nativement la transparence, un SVG avec des zones transparentes se rasterise donc en PNG transparent. C'est une raison pour laquelle SVG convient aux logos et icônes. JPEG ne préserverait pas la transparence.

Est-ce que convertir SVG en PNG fait perdre de la qualité ?

Non — vous rasterisez le vecteur à n'importe quelle résolution que vous choisissez, donc le PNG est aussi net que la taille à laquelle vous rendez. La perte de qualité proviendrait uniquement du rendu à une résolution trop faible. Rendez-le à 2x la taille d'affichage pour une netteté sur les écrans retina, et le PNG est indiscernable d'un raster natif à cette taille.

Puis-je convertir SVG en PNG à n'importe quelle taille ?

Oui — car SVG est vectoriel et indépendant de la résolution, vous le rasterisez à n'importe quelle taille en pixels dont vous avez besoin, passant d'une icône de 16px à une bannière de 4000px, sans perte de qualité. C'est l'avantage principal par rapport aux formats matriciels. Rendez-le à 2x la taille d'affichage pour une netteté sur les écrans retina. Le SVG lui-même ne perd jamais sa netteté ; seul le PNG rasterisé est fixe à sa taille d'exportation.