Convertisseur SVG vers PNG / JPG

Ce que fait ce convertisseur

Le SVG est génial pour les logos et icônes parce qu'il s'agrandit à l'infini sans flou, mais beaucoup de plateformes veulent encore un fichier raster aplati : soumissions d'icônes d'app, mises en ligne sur les réseaux sociaux, images embarquées dans des e-mails, fonds d'écran d'OS. Cet outil prend tout SVG — fichier ou markup collé — et le rasterise en PNG (avec transparence optionnelle) ou JPG (avec un fond imposé) à la résolution choisie. Choisissez 1×, 2× ou 4× la taille naturelle du SVG, ou réglez une largeur personnalisée en pixels et la hauteur est calculée pour préserver le ratio. Tout le pipeline tourne dans votre navigateur via un élément <canvas> : votre SVG ne quitte jamais cet onglet. Cela compte pour des assets de marque propriétaires, des designs inédits ou tout fichier qu'on ne peut pas confier à un service web aléatoire. L'aperçu se met à jour en direct quand vous changez les réglages, pour voir l'effet du fond et de la résolution avant de cliquer. Il y a aussi un mode JPG pour les cas où il vous faut le plus petit fichier possible et où vous n'avez pas besoin de transparence — cartes sociales et miniatures denses, surtout.

Comment l'utiliser

1. Fournissez le SVG — Déposez un fichier ou collez le markup. Le SVG doit inclure un viewBox ou des attributs width/height ; sinon, le navigateur ne sait pas à quelle taille le dessiner.
2. Choisissez l'échelle et le format — 1× correspond à la taille nominale du SVG. 2× est top pour les écrans Retina. 4× pour l'impression. Personnalisée vise une largeur exacte en pixels, comme 1200 px pour des images OG.
3. Réglez le fond — Transparent ne marche que pour PNG. JPG a besoin d'un fond plein — le blanc est le défaut sûr, mais choisissez ce qui complète l'illustration.
4. Téléchargez — Cliquez sur télécharger. Le PNG est généré localement et enregistré avec un nom de fichier sensé — sans aller-retour serveur.

Ce qu'il se passe sous le capot

Nous encodons le markup SVG en base64 dans une URL data:image/svg+xml;base64 et l'assignons à un HTMLImageElement. Une fois que le navigateur a parsé et mis en page le SVG, nous le dessinons sur un canvas dimensionné à la résolution choisie — le navigateur s'occupe de la rasterisation, donc le résultat correspond à ce que Chrome ou Safari rendraient nativement. Le canvas est ensuite encodé en PNG (sans perte) ou JPG (avec perte, qualité 92). La largeur et la hauteur sont déduites du viewBox ou des attributs explicites du SVG ; le ratio est toujours préservé.

Quand choisir PNG ou JPG

Utilisez PNG pour les logos, icônes et toute illustration aux bords nets ou avec du texte — la compression sans perte garde les lignes nettes, et vous gardez la transparence. Utilisez JPG uniquement pour des SVG façon photo ou les cas où il faut le plus petit fichier possible et qu'un fond plein est acceptable. La compression par blocs du JPG massacre les lignes fines et nuit au contraste sur les zones de couleur plate, donc c'est rarement le bon choix pour de l'illustration vectorielle.

Questions fréquentes