SVG en PNG

Comment convertir un SVG en PNG

1. Déposez un ou plusieurs fichiers SVG dans la zone prévue, ou cliquez dessus pour les choisir. Vous pouvez aussi ouvrir Ou collez du code SVG, coller le code puis cliquer sur Ajouter le code SVG.
2. Choisissez la Taille de sortie : - Facteur d’échelle multiplie la taille propre du SVG (2 donne une image deux fois plus large et deux fois plus haute) ; - Largeur (hauteur proportionnelle) ou Hauteur (largeur proportionnelle) conserve les proportions ; - Largeur et hauteur exactes impose les deux dimensions ; - Résolution (DPI) convertit les tailles physiques, comme 2in ou 50mm, à la résolution choisie.
3. Sélectionnez le Format : PNG, JPG ou WebP. Le JPG et le WebP disposent d’un curseur Qualité.
4. Sous Fond, gardez Transparent ou choisissez Couleur et réglez la Couleur de fond.
5. Cliquez sur Convertir en image. Chaque fichier obtient une ligne avec un aperçu, sa nouvelle taille en pixels et un bouton Télécharger. Tout télécharger enregistre les fichiers un par un ; Télécharger le ZIP les regroupe dans une seule archive.

Comment la taille est calculée

Un SVG décrit des formes, pas des pixels : on peut donc le dessiner net à n’importe quelle taille. Sa taille « naturelle » vient des attributs width et height de l’élément <svg> racine. S’ils manquent, cet outil utilise la viewBox (par exemple viewBox="0 0 24 24" donne 24 × 24), exactement comme un navigateur. Sans l’un ni l’autre, il retient la taille par défaut des navigateurs, 300 × 150.

Les unités physiques sont converties selon la règle CSS de 96 pixels par pouce : 1 in = 96 px, 1 cm ≈ 37,8 px, 1 pt ≈ 1,33 px. C’est pourquoi le champ DPI (96 = taille d’origine) part de 96 : à 300 DPI, une icône déclarée en width="1in" fait 300 pixels de large, ce qu’attend un imprimeur.

Avec Largeur et hauteur exactes, un dessin dont les proportions diffèrent du cadre est centré, avec des bandes vides, selon la règle preserveAspectRatio du fichier : il n’est jamais déformé, sauf si le SVG le demande.

Les navigateurs ne créent pas de canevas de plus de 16,7 millions de pixels environ (par exemple 4096 × 4096). Si vous demandez davantage, la taille est ramenée à la plus grande image possible et un message indique la taille finale.

PNG, JPG ou WebP ?

• Le PNG est sans perte et garde la transparence : idéal pour les icônes, les logos et les schémas.
• Le JPG ne gère pas la transparence : les zones transparentes prennent la couleur de fond. Réservez-le aux grandes illustrations quand le poids compte plus que la netteté des bords.
• Le WebP conserve la transparence et pèse souvent moins que le PNG ; tous les navigateurs actuels l’affichent.

Sécurité et limites

Votre SVG n’est jamais inséré dans la page. Il est dessiné depuis une adresse blob privée comme une simple image, un mode dans lequel les navigateurs n’exécutent aucun script et ne chargent rien d’autre. Conséquence : les références externes ne sont pas chargées. Les polices web (Google Fonts…), les images liées par URL et les feuilles CSS externes sont ignorées, et le texte peut s’afficher dans une police par défaut. Pour garder le rendu exact, vectorisez le texte dans votre logiciel ou intégrez les images en data URI avant la conversion. Les polices installées sur votre ordinateur restent utilisables.

Rien n’est envoyé sur un serveur : le rendu et l’encodage se font dans votre navigateur.