Convertisseur SVG en PNG : l'outil gratuit que les designers utilisent vraiment
Scénario rapide.
Vous avez conçu un logo en SVG. Propre, évolutif, parfait.
Maintenant votre client le veut sur une diapositive PowerPoint. Ou comme icône d'application iOS. Ou imprimé en 300 DPI pour une bannière.
PowerPoint gère à peine le SVG. iOS nécessite du PNG. L'impression nécessite un DPI spécifique.
Vous avez besoin d'un convertisseur SVG en PNG, et vous en avez besoin maintenant.
Dans ce guide, je vais vous montrer l'outil gratuit que j'utilise et qui surpasse CloudConvert et Adobe réunis, ainsi que les 6 préréglages d'exportation que tout designer devrait connaître.
Pourquoi la conversion SVG en PNG est importante#
Le SVG est l'avenir du web. Il s'adapte à l'infini, a une taille de fichier réduite et est accessible.
Mais le reste du monde utilise encore le raster :
- Icônes d'applications iOS : le PNG est requis (tailles spécifiques)
- PowerPoint / Keynote : le PNG pour un affichage fiable
- Email marketing : le support du SVG est inégal, le PNG est universel
- Impression : nécessite un DPI spécifique (généralement 300 pour une haute qualité)
- Réseaux sociaux : la plupart des plateformes veulent du PNG/JPG
- Systèmes hérités : le SVG est souvent non supporté
Vous devez donc convertir. Souvent.
Ce qu'un bon convertisseur SVG vers PNG fait#
Ma liste de contrôle :
- DPI personnalisé, 96 (web), 192 (2x retina), 288 (3x), 384 (4x), 300 (impression)
- Préréglages de résolution, 1080p, 4K, carré Instagram, Open Graph, icône PWA
- Arrière-plans transparents ou unis, pour les besoins web et impression
- Traitement par lots, convertissez des dizaines de SVGs en une fois
- Formats de sortie multiples, PNG, JPG, WebP
- Navigateur uniquement, vos SVGs ne sont pas téléchargés sur un serveur
La plupart des convertisseurs "gratuits" en ligne échouent sur au moins 3 de ces points.
Le convertisseur gratuit que j'utilise#
Convertisseur SVG en PNG Molixa.
Les six. Gratuit. Sans filigrane. Traitement par lots. Génère automatiquement les suffixes Retina (@2x, @3x) pour les workflows iOS/Android.
Les 6 préréglages d'exportation dont tout designer a besoin#
Lorsque vous convertissez, vous ciblez un cas d'utilisation spécifique. Voici les six que j'utilise chaque semaine.
Préréglage 1 : Standard web (96 DPI, 1x)#
Pour : images web classiques, graphiques d'articles de blog, icônes simples.
Taille : dimensions réelles du SVG, sans mise à l'échelle.
Préréglage 2 : Retina (192 DPI, 2x)#
Pour : images web sur écrans Retina (Macs, iPhones, Android récents).
Taille : 2x les dimensions du SVG. Rendu net sur les écrans haute résolution.
Préréglage 3 : Mobile 3x (288 DPI, 3x)#
Pour : applications iOS/Android sur téléphones Plus, appareils Pro Max.
Taille : 3x. Standard dans les workflows de développement mobile.
Préréglage 4 : Qualité d'impression (300 DPI)#
Pour : affiches, cartes de visite, brochures, tout ce qui est imprimé.
Taille : dépend de la taille d'impression physique. 300 DPI est la norme de l'industrie pour l'impression.
Préréglage 5 : Open Graph (1200x630)#
Pour : aperçus de liens sur les réseaux sociaux. LinkedIn, Twitter, Facebook utilisent tous ce format.
Préréglage 6 : Icône PWA (512x512)#
Pour : icônes d'applications web progressives, icônes de lanceur Android.
Guide étape par étape : convertir votre premier SVG#
Faisons-le ensemble.
Étape 1 : Déposez votre SVG#
Rendez-vous sur molixa.app/tools/svg-to-png.
Glissez votre fichier SVG (ou plusieurs) sur la zone de dépôt.
Étape 2 : Choisissez un DPI#
Le plus courant : 2x retina (192 DPI) pour le web. 300 DPI pour l'impression.
Étape 3 : Choisissez l'arrière-plan#
Transparent conserve la transparence du SVG. Utilisez-le pour les icônes ou tout élément superposé sur des fonds colorés.
Couleur hexadécimale unie remplit l'arrière-plan. Utile pour les réseaux sociaux (qui ne gèrent pas toujours bien la transparence).
Étape 4 : Choisissez le format de sortie#
- PNG, par défaut, sans perte, prend en charge la transparence
- JPG, plus léger, sans transparence
- WebP, moderne, le plus léger, prend en charge la transparence
Étape 5 : Convertir#
Pour un lot : cliquez sur "Tout convertir". Pour un seul fichier : un simple clic.
Étape 6 : Télécharger#
Fichier unique : téléchargement direct. Plusieurs : fichier ZIP avec toutes les conversions.
Les noms de fichiers reçoivent des suffixes automatiques, [email protected] pour retina, [email protected] pour l'impression, etc.
Workflow réel : export d'icône d'application iOS#
Voici comment j'exporte une icône d'application en une seule fois.
J'ai app-icon.svg (source 1024x1024).
Je le dépose. Je lance les conversions en 1x, 2x, 3x simultanément.
Résultat :
app-icon.png(1024x1024), pour l'App Store[email protected](2048x2048), pour iPad[email protected](3072x3072), pour iPhone Pro Max
Trois tailles. Un seul SVG source. 12 secondes.
Comparez avec l'ouverture manuelle de Sketch / Figma, l'export de chaque taille, le nommage correct de chacune. Cela prend 15 à 20 minutes.
Qu'en est-il de CloudConvert et Adobe ?#
Les grands concurrents.
CloudConvert :
- Offre gratuite : 25 conversions/jour
- Forfaits payants à partir de 9 $/mois
- Basé sur le cloud (vos fichiers sont téléchargés)
Adobe Express :
- Offre gratuite limitée
- Premium à 9,99 $/mois
- Lié à Adobe Creative Cloud
Molixa SVG vers PNG :
- Conversions gratuites illimitées
- Navigateur uniquement (pas de téléchargement)
- Pas d'inscription
Pour les utilisateurs occasionnels, les options gratuites sont équivalentes. Pour les flux de travail intensifs, le navigateur seul bat le cloud (pas de temps de téléchargement, pas de limites quotidiennes, pas de problèmes de confidentialité).
Erreurs courantes de conversion SVG#
Après avoir converti trop de SVG :
Erreur 1 : Convertir à la DPI par défaut pour les écrans Retina. Le résultat est flou sur les Mac et les iPhones. Vérifiez toujours si votre cible est Retina.
Erreur 2 : Ne pas préserver la transparence quand nécessaire. Convertir avec un fond blanc alors que vous vouliez du transparent est une erreur fréquente.
Erreur 3 : Utiliser le PNG alors que le WebP ferait l'affaire. Le WebP est 30% plus léger pour une qualité identique. Utilisez-le sur le web.
Erreur 4 : Oublier de tester à la taille d'affichage réelle. Convertissez, puis zoomez dans votre design pour vérifier que le rendu est toujours correct.
Erreur 5 : Intégrer des ressources externes dans le SVG. Les SVG avec <image href="https://..."> altèrent le canvas lors de la conversion, ce qui casse l'export. Utilisez du base64 en ligne ou des chemins purs.
Astuces de pro#
Gains rapides :
Astuce 1 : Pour les exports par lots, nommez vos SVG de manière cohérente. L'outil conserve les noms avec leurs suffixes.
Astuce 2 : Pour les exports sur les réseaux sociaux, utilisez le préréglage Open Graph (1200x630). C'est le format universel.
Astuce 3 : Pour l'impression, utilisez toujours au moins 300 DPI. Certains imprimeurs exigent 600 DPI pour un travail haut de gamme.
Astuce 4 : Lors de la conversion de logos, générez en 4x (384 DPI). Vous aurez une marge pour toute utilisation future.
Astuce 5 : Compressez les PNG obtenus avec Molixa Image Compressor si vous les destinez au web.
Meilleures pratiques SVG pour des exports plus propres#
Quelques remarques :
Nettoyez votre source SVG#
- Supprimez les groupes inutilisés
- Aplatissez les calques
- Convertissez le texte en chemins (préserve le rendu)
- Supprimez les métadonnées
Des SVG plus propres se convertissent plus rapidement et produisent des PNG plus légers.
Utilisez un viewBox approprié#
Assurez-vous que votre SVG possède un attribut viewBox correct. Il détermine la mise à l'échelle du SVG lors de la conversion.
Évitez les dépendances externes#
Polices externes, scripts embarqués, images liées, tout cela peut entraîner des échecs de conversion. Les SVG autonomes se convertissent de manière fiable.
Conclusion#
La conversion SVG en PNG ne devrait pas prendre 10 minutes par fichier.
Elle devrait prendre 12 secondes pour un lot.
Convertisseur SVG en PNG Molixa gère les fichiers uniques, les lots, les suffixes Retina et les formats modernes. Gratuit.
Ajoutez-le à vos favoris. Économisez 15 minutes par export de design.
Retournez à la création.
