SVG vers PNG Conversion Guide Complet

SVG et PNG servent des objectifs différents. SVG est indépendant de la résolution et idéal pour les logos et icônes, tandis que PNG est un format raster — parfait pour les captures d'écran et la compatibilité.

La conversion SVG vers PNG nécessite de choisir la bonne taille de canevas et densité de pixels. Le même SVG peut produire un favicon net de 32×32 ou une bannière de 4000px.

SVG vs PNG : différences clés

SVG est basé sur XML et stocke les formes comme des chemins mathématiques — il s'adapte infiniment sans perte. PNG est raster : chaque pixel a une couleur fixe. Les SVG sont petits et éditables ; les PNG sont universellement pris en charge par de nombreuses plateformes.

Quand convertir SVG en PNG

Convertissez SVG en PNG lorsque : (1) la plateforme cible ne supporte pas SVG — clients e-mail, Word, PowerPoint ; (2) vous avez besoin d'un asset de taille fixe pour les réseaux sociaux ; (3) vous générez des favicons à 16×16, 32×32 ou 180×180 ; (4) le SVG utilise des filtres que les navigateurs rendent inconsistamment ; (5) vous combinez le SVG avec un fond raster.

Choisir la bonne résolution

La résolution est la décision clé. Pour le web à densité standard, 1× (72 DPI) suffit. Pour les écrans retina/HiDPI, exportez à 2× (144 DPI) ou 3×. Pour l'impression, utilisez 300 DPI minimum. Règle pratique : multipliez la taille d'affichage en pixels par le multiplicateur de densité.

Transparence et canal alpha

PNG supporte la transparence alpha complète (0–255 par pixel), idéal pour les logos sur des fonds variables. Lors de la conversion, assurez-vous que le SVG n'a pas de remplissage de fond. Si la sortie a un fond blanc, le convertisseur remplit les pixels transparents — vérifiez les paramètres d'exportation.

Paramètres d'exportation

PNG est sans perte — pas de curseur de qualité comme JPEG. Le niveau de compression (0–9) affecte la taille du fichier mais pas la qualité visuelle. Pour la livraison web, le niveau 6–8 est un bon équilibre. PNG-24 gère les dégradés ; PNG-8 (256 couleurs) est plus petit mais limité.

Cas d'utilisation courants

Favicons : exportez à 16×16, 32×32, 48×48 et 180×180 (Apple Touch). Réseaux sociaux : images Open Graph à 1200×630, Twitter cards à 800×418. Icônes d'application : plusieurs tailles. Signatures e-mail : 200–300px de large à 2× pour retina.

FAQ