Convertisseur SVG vers PNG
Transformez du balisage SVG ou un fichier .svg en un PNG ou JPG net à toute échelle, directement dans votre navigateur. Votre illustration reste sur votre appareil.
Le convertisseur SVG vers PNG rastérise votre illustration sur un canvas dans votre navigateur. Le fichier .svg ou le balisage que vous déposez ou collez est converti localement et jamais téléversé vers ArrayKit.
Ouvrir le convertisseur d'images
À propos de SVG vers PNG
Le convertisseur SVG vers PNG rastérise une illustration vectorielle en une image en pixels sans aucun logiciel de conception. Déposez un fichier .svg ou collez du balisage SVG, puis choisissez la taille de sortie — un multiple 1x, 2x ou 3x de la taille intrinsèque, une échelle personnalisée, ou une largeur et une hauteur explicites avec le rapport d'aspect préservé. Il lit la taille dans les attributs width et height du SVG ou dans son viewBox, si bien que ce que vous exportez correspond à la source. Choisissez PNG pour une transparence sans perte ou JPG pour des photos plus légères, et réglez un arrière-plan transparent ou uni. C'est pratique quand une plateforme refuse le SVG, que vous avez besoin d'une ressource @2x retina, ou qu'un favicon, une image de README ou un graphique d'e-mail doit être une image bitmap. Tout se rend localement sur un canvas ; votre illustration ne quitte jamais votre appareil.
Fonctionnalités
- Déposez un fichier .svg ou collez du balisage SVG brut — aucune application de conception requise
- Lit la taille intrinsèque dans les attributs width/height ou dans le viewBox
- Exportez à 1x, 2x, 3x, une échelle personnalisée, ou une largeur et une hauteur explicites
- Verrouille le rapport d'aspect quand vous ne définissez qu'une largeur ou qu'une hauteur
- La sortie PNG conserve la transparence ; le JPG ajoute un curseur de qualité ajustable
- Arrière-plan transparent ou de couleur unie avec un aperçu à damier en direct
- Voyez la taille intrinsèque, les pixels de sortie et la taille du fichier avant de télécharger
- Rastérise sur un canvas dans votre navigateur sans aucun téléversement
Comment utiliser SVG vers PNG
- Déposez un fichier .svg ou collez du balisage SVG dans la zone source
- Choisissez une échelle (1x/2x/3x ou personnalisée) ou tapez une largeur ou une hauteur explicite
- Choisissez PNG ou JPG et un arrière-plan transparent ou coloré
- Vérifiez l'aperçu rastérisé, puis téléchargez le PNG ou le JPG
Exemple
Entrée
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 32"><rect width="64" height="32" fill="#6d28d9"/></svg>
Sortie
64×32 SVG → 128×64 PNG at 2x scale
Un viewBox de 0 0 64 32 rastérisé à 2x devient un PNG de 128×64.
Erreurs courantes et dépannage
- Le PNG exporté semble flou ou pixelisé. — Augmentez l'échelle (essayez 2x ou 3x) ou définissez une largeur explicite plus grande. Comme la source est vectorielle, une taille de sortie plus élevée reste nette — vous choisissez la résolution de rastérisation.
- Le texte ou une police d'icônes disparaît dans le PNG. — Le rendu sur canvas ne charge pas les polices externes ou système. Convertissez le texte en tracés (contours) dans votre éditeur, ou intégrez la police, avant de rastériser.
- Le SVG utilise width="100%" et sort à la taille par défaut. — Les tailles en pourcentage n'ont pas de dimensions en pixels fixes, si bien que le viewBox est utilisé, ou une valeur par défaut de 300×300 quand il n'y en a pas. Ajoutez un viewBox ou une largeur/hauteur en pixels explicite, ou définissez une largeur personnalisée ici.
- Une image ou une feuille de style référencée en externe est manquante. — Seuls les SVG autonomes se rastérisent de façon fiable. Intégrez tous les <image href> et la CSS liés afin que le balisage n'ait aucune dépendance externe.
Foire aux questions
- Comment exporter un SVG en un PNG haute résolution ?
- Réglez l'échelle sur 2x ou 3x, ou tapez une largeur explicite comme 1024. Comme la source est vectorielle, une taille de sortie plus grande reste nette — vous choisissez simplement combien de pixels rastériser, alors choisissez la résolution dont la cible a besoin.
- Comment ce convertisseur décide-t-il de la taille de sortie du PNG ?
- Il lit la taille intrinsèque du SVG dans ses attributs width et height, ou dans le viewBox quand ceux-ci manquent, puis applique votre échelle ou votre largeur/hauteur explicite. Définir une seule dimension conserve le rapport d'aspect d'origine.
- Puis-je convertir un SVG en un JPG plutôt qu'un PNG ?
- Oui. Passez le format à JPG et utilisez le curseur de qualité pour des fichiers plus légers. Le JPG n'a pas de transparence, si bien que l'image est aplatie sur du blanc ou la couleur d'arrière-plan que vous choisissez ; utilisez PNG quand vous avez besoin d'un arrière-plan transparent.
- Pourquoi le texte de mon SVG est-il manquant après la conversion en PNG ?
- Le canvas du navigateur rastérise sans vos polices système ou web, si bien que le <text> peut se rendre vide. Convertissez le texte en contours (tracés) dans votre éditeur vectoriel, ou intégrez la police dans le SVG, avant de le rastériser ici.
- La conversion de SVG en PNG conserve-t-elle un arrière-plan transparent ?
- La sortie PNG préserve la transparence, alors choisissez PNG avec l'option d'arrière-plan transparent pour la conserver. L'aperçu affiche un damier là où l'image est transparente. Choisissez une couleur de remplissage unie si vous avez besoin d'un arrière-plan opaque.
- Mon SVG est-il téléversé quand je le convertis en PNG ?
- Non. Le convertisseur SVG vers PNG rend tout sur un canvas dans votre navigateur. Le balisage ou le fichier que vous déposez est rastérisé localement et le résultat ne quitte jamais votre appareil ni n'est envoyé à ArrayKit.
Outils associés
Tous les outils ArrayKit