Le SVG est-il toujours plus léger que le PNG ?

Non, cela dépend du contenu. Un logo simple ou un graphique au trait pèse quelques kilo-octets en SVG là où il ferait des centaines de kilo-octets en PNG. Mais quand vous convertissez en courbes une page dense en texte, chaque caractère devient une forme vectorielle et le SVG enfle ; la même page peut être plus légère en PNG. Sur les pages contenant des photos, le SVG perd toujours, car il intègre la photo et y ajoute une enveloppe XML.

Lequel utiliser pour mon site web ?

Le SVG pour les logos, icônes, graphiques au trait et schémas — il reste net à toutes les résolutions d'écran et il est généralement plus léger. Le WebP ou le JPEG pour les photos et les images de type photographique. Le PNG ou le WebP pour les visuels pleine page à contenu mixte. Si vous utilisez du PNG sur les écrans à haute densité, vous devez le produire au double de la résolution ; avec le SVG, ce souci n'existe pas.

Comment choisir la résolution en PNG ?

Selon l'usage. Pour un affichage web normal, 96 à 150 DPI suffisent ; doublez pour les écrans à haute densité. Pour l'impression, 300 DPI est la norme. En produisant un PNG d'une page A4 à 300 DPI, vous obtenez environ 2480 × 3508 pixels et le fichier peut peser plusieurs mégaoctets. Une résolution excessive ne fait qu'alourdir le fichier.

Vers quel format convertir un PDF scanné ?

PNG ou JPEG. Une page scannée est déjà constituée de pixels ; la convertir en SVG n'apporte aucun vectoriel, cela place seulement la même image dans une enveloppe XML et alourdit le fichier. Pour les scans en noir et blanc dominés par le texte, le PNG ; pour les photos et les scans en niveaux de gris, le JPEG donne généralement un fichier plus léger.

Convertir un PDF en SVG ou en PNG ? Comparaison vectoriel et matriciel

Vous allez exporter une page PDF sous forme d'image — pour l'utiliser dans une présentation, la mettre sur un site web, l'intégrer dans un e-mail ou la modifier dans un logiciel de design. Trois options principales se présentent : SVG, PNG et JPEG. Le bon choix dépend du contenu de la page et de la destination de l'image, et un mauvais choix se paie en qualité ou en taille de fichier.

La distinction fondamentale : vectoriel ou matriciel ?

Le SVG est vectoriel. Il stocke les formes par des définitions mathématiques : « une courbe de ce point à ce point, remplie de cette couleur ». Il est recalculé à chaque échelle et reste donc net quel que soit l'agrandissement.

Le PNG et le JPEG sont matriciels. Ils stockent une grille de pixels figée. En les agrandissant, les pixels grossissent et l'image devient floue.

Cette distinction détermine tout — mais dire que « le vectoriel est toujours meilleur » serait faux, car tous les contenus ne se prêtent pas au vectoriel.

Tableau comparatif

| Critère | SVG | PNG | JPEG | |---|---|---|---| | Redimensionnement | Illimité | Figé | Figé | | Adapté aux photos | Mauvais | Moyen | Très bon | | Adapté au trait/texte | Très bon | Bon | Mauvais (flou) | | Transparence | Oui | Oui | Non | | Modifiabilité | Élevée | Nulle | Nulle | | Texte sélectionnable | Possible | Non | Non | | Contrôle par CSS/JS | Oui | Non | Non | | Avec perte | Non | Non | Oui | | S'ouvre partout | Dans les environnements modernes | Oui | Oui |

Scénario 1 : je vais mettre sur mon site le logo présent dans un PDF

Vous isolez le logo depuis la charte graphique.

Gagnant : le SVG, sans discussion.

Un logo se compose typiquement de quelques aplats et de quelques courbes. En SVG, cela donne un fichier de quelques kilo-octets. Pour afficher ce même logo de façon nette sur les écrans haute densité en PNG, il faudrait le produire en 800×800 pixels et le fichier pèserait 50 à 200 Ko.

Autres avantages du SVG : vous pouvez en changer la couleur en CSS (prise en charge des thèmes clair/sombre), il reste automatiquement net à toutes les densités d'écran, et un seul fichier sert à toutes les tailles.

L'opération d'extraction : extrayez la page contenant le logo, convertissez-la en SVG, ouvrez-la dans un éditeur vectoriel et supprimez tout sauf le logo, recadrez le plan de travail, optimisez et enregistrez.

Scénario 2 : je vais partager un document scanné sous forme d'image

Vous avez le scan d'un vieux document et vous allez le mettre dans une présentation.

Gagnant : le PNG (si le texte domine) ou le JPEG (si c'est une photo ou des niveaux de gris).

Le SVG est ici un choix totalement erroné. Une page scannée est déjà constituée de pixels ; en la convertissant en SVG, le convertisseur intègre cette image en base64 dans le SVG. Résultat : les mêmes pixels, plus une enveloppe XML, plus l'augmentation d'environ 33 % induite par l'encodage base64. Aucun gain, que de la perte.

Pour choisir entre PNG et JPEG, règle approximative : PNG pour les contenus à contours nets et peu de couleurs ; JPEG pour les contenus à tons continus, de type photographique. Un texte scanné en noir et blanc est à la fois plus léger et plus net en PNG. Les scans en niveaux de gris ou en couleur rétrécissent nettement en JPEG.

Scénario 3 : je vais modifier un dessin technique dans un logiciel de design

Une sortie de CAO est arrivée en PDF et vous devez en changer les cotes.

Gagnant : le SVG.

C'est le seul scénario où le besoin de modifiabilité existe, et les formats matriciels n'y offrent rien. Quand vous ouvrez un PNG dans un éditeur, vous voyez un unique objet image ; vous ne pouvez pas accéder aux traits individuellement.

En SVG, chaque trait, chaque cercle, chaque remplissage est un élément distinct. Vous pouvez le sélectionner, le déplacer, en changer la couleur, le supprimer.

Calez bien vos attentes : les SVG issus d'un PDF se composent généralement de nombreux groupes imbriqués et chemins de rognage, la structure n'est pas propre. De plus, l'information de calques du fichier CAO, les objets de cotation et la structure paramétrique sont perdus — il ne vous reste que des traits.

Scénario 4 : je vais mettre une page de rapport dans une présentation

Vous allez insérer un graphique ou un tableau dans une diapositive.

Gagnant : le PNG, généralement.

La prise en charge du SVG par les logiciels de présentation est variable — certains le gèrent, d'autres non, d'autres le gèrent mais l'affichent différemment. Si vous ouvrez la présentation sur un autre ordinateur, vous ne voulez pas prendre ce risque.

Le PNG est le choix sûr. Pour la résolution, pensez à la façon dont la présentation sera montrée : 1920 pixels de large suffisent en vidéoprojection, mais il en faut davantage si elle doit être imprimée.

N'utilisez pas de JPEG dans une présentation : sur les visuels contenant du texte et des traits, la compression JPEG laisse des halos flous (artefacts) autour des contours et le résultat fait négligé.

Scénario 5 : je vais publier une infographie sur un site web

Un graphique pleine page en couleur, contenant du texte et des formes.

Gagnant : cela dépend — testez.

C'est le scénario sans réponse unique. Deux facteurs sont déterminants :

La quantité de texte. Si vous convertissez le texte en courbes lors du passage en SVG, chaque caractère devient une forme vectorielle. Sur une infographie dense en texte, cela peut porter le SVG à plusieurs centaines de kilo-octets. Le même graphique peut être plus léger en PNG.

La présence de photos intégrées. S'il y en a, le SVG perd — il les intègre et enfle.

Approche pratique : produisez les deux formats, comparez les tailles, ouvrez-les tous deux dans un navigateur et jugez la qualité visuelle. Dans la plupart des cas, vous verrez que l'un l'emporte nettement.

Si le SVG l'emporte, un avantage supplémentaire s'ajoute : il reste automatiquement net sur les écrans haute densité et vous n'avez pas à produire deux fichiers à des résolutions différentes.

Scénario 6 : une image destinée à l'impression

Vous allez imprimer une page en haute qualité.

Gagnant : le PNG (300 DPI) ou directement le PDF.

En réalité, la meilleure réponse est : ne convertissez pas du tout. Pour l'impression, le PDF est déjà le meilleur format — le contenu vectoriel s'imprime en pleine résolution, l'information colorimétrique CMJN est préservée, les polices sont intégrées.

Si vous devez absolument passer à un format image, produisez le PNG à 300 DPI. Pour une page A4, cela représente environ 2480 × 3508 pixels et le fichier pèse quelques mégaoctets.

Le SVG semble techniquement adapté à l'impression mais il souffre de trois manques : pas de prise en charge du CMJN, pas de définition du fond perdu ni des traits de coupe, et impossibilité d'intégrer un profil colorimétrique. C'est pourquoi les imprimeurs n'acceptent pas le SVG.

Le choix de la résolution en PNG

Si vous avez retenu le PNG, le réglage déterminant est la résolution :

| Usage | DPI recommandé | Pixels pour un A4 | |---|---|---| | Web, écran standard | 96 | ~794 × 1123 | | Web, écran haute densité | 192 | ~1587 × 2245 | | Présentation (vidéoprojection) | 150 | ~1240 × 1754 | | Impression | 300 | ~2480 × 3508 | | Impression haute qualité | 600 | ~4960 × 7016 |

Choisir une résolution excessive ne fait qu'alourdir le fichier ; cela n'apporte pas de qualité, car le PDF source a sa propre limite de résolution (notamment pour les images qu'il contient).

Résumé de la décision

Un cheminement simple :

La source est-elle scannée ? Si oui → PNG ou JPEG. N'envisagez pas le SVG.
Devez-vous la modifier ? Si oui → SVG, il n'y a pas d'autre option.
S'agit-il d'un logo, d'une icône ou d'un graphique au trait ? Si oui → SVG.
La photo domine-t-elle ? Si oui → JPEG (ou WebP pour le web).
La destination est-elle une présentation ? → PNG, pour la compatibilité.
Le document sera-t-il imprimé ? → Laissez-le en PDF ; si c'est impératif, un PNG à 300 DPI.
Contenu mixte destiné au web ? → Produisez les deux et comparez.

Et un dernier rappel : avant de convertir, zoomez fortement sur la page pour vérifier si la source est réellement vectorielle. Cette seule vérification tranche à elle seule la moitié des décisions ci-dessus.