SVG vers PNG
SVG to PNG
Rend un SVG en PNG, en JPEG ou en WebP au facteur d’échelle voulu, sur fond transparent ou plein.
Transformer un SVG en image matricielle, c’est ce que l’on fait quand la destination n’accepte pas les vecteurs : une carte pour les réseaux sociaux, un courriel, une icône d’application. Le piège, c’est que le navigateur rend le SVG isolément — pas d’images liées, pas de feuilles de style externes, pas de polices web — si bien que ce qui en sort n’est pas toujours ce que votre page affiche.
Déposez un SVG
Ou collez le balisage ci-dessous.
Source
Comment s’en servir
Déposez le fichier ou collez le balisage
La taille intrinsèque est lue dans width/height ou dans le viewBox, et la page dit quand elle a dû deviner.
Réglez l’échelle
Elle multiplie la taille intrinsèque, et les dimensions en pixels obtenues sont affichées à côté du curseur : 3× sur une icône de 24 px fait visiblement 72 px plutôt qu’une supposition.
Choisissez la transparence ou un fond
Le JPEG n’a pas d’alpha : le choisir impose donc une couleur de fond au lieu de composer en silence sur du noir.
Questions fréquentes
Le texte est sorti dans la mauvaise police.
Le moteur de rendu ne peut pas aller chercher une police web — un SVG rastérisé de cette façon ne charge rien d’externe. Convertissez le texte en tracés dans votre éditeur avant d’exporter : c’est le conseil habituel pour un SVG qui doit se rastériser à l’identique partout.
Il dit que le navigateur a refusé de l’afficher.
Le plus souvent un attribut xmlns manquant — un SVG sans lui n’est pas du XML que le navigateur dessinera — ou un balisage mal formé, ou une référence à une ressource qu’il n’a pas le droit de charger.
Dois-je rastériser pour mon site web ?
Le plus souvent non. Un SVG reste net à toutes les densités et il est souvent plus petit que le PNG ; si c’est pour du CSS, l’encodeur de data URI le garde vectoriel. Rastérisez quand quelque chose en aval ne sait réellement pas lire le SVG.
À alimenter depuis
Optimiseur SVG
SVG Optimiser
Retire les restes d’éditeur, aplatit les transformations et arrondit la précision des tracés, en montrant le rendu avant et après.
Image vers SVG
Image to SVG
Vectorise un bitmap en tracés SVG, réglé pour les logos et le dessin au trait plutôt que pour la photographie.
Éditeur de tracé SVG
SVG Path Editor
Convertit les données d’un tracé entre commandes absolues et relatives, le déplace, l’échelonne, le fait pivoter et l’inverse, et montre sa boîte englobante avec un aperçu en direct.
Éditeur et explicateur SVG
SVG Editor and Explainer
Modifie un SVG à côté de son rendu et explique le fichier : le viewBox et la mise à l’échelle, les transformations, chaque commande de tracé, la peinture héritée, les octets inutiles, et ce qui casse dans une balise img, dans un data URI ou en inline.
Ensuite
Ces outils acceptent ce que celui-ci produit : le résultat peut y aller directement.
Générateur de favicon
Favicon Generator
Produit le jeu complet — ICO, PNG, icône Apple touch, manifeste web — accompagné du HTML à coller dans votre page.
Redimensionner une image
Image Resizer
Redimensionne en pixels, en pourcentage ou sur le plus grand côté visé, avec verrouillage des proportions et préréglages pour un lot entier.
Compresseur PNG
PNG Compressor
Quantifie la palette et réécrit le flux deflate pour alléger un PNG sans toucher à ses dimensions, sans envoi de fichier, tout dans votre navigateur.
Optimiseur SVG
SVG Optimiser
Retire les restes d’éditeur, aplatit les transformations et arrondit la précision des tracés, en montrant le rendu avant et après.
Supprimer l’arrière-plan
Background Remover
Détoure un fond uni ou d’une seule couleur dans l’espace OKLab et rend un PNG transparent, avec un pinceau pour reprendre les bords, sans envoi de fichier, tout dans votre navigateur.
Supprimer les données EXIF
EXIF Remover
Efface les données d’appareil, de GPS et de retouche d’une photo sans toucher à un seul pixel, sans envoi de fichier, tout dans votre navigateur.