PNG vers SVG pour Canva et Figma
Votre logo devient flou lorsque vous l'agrandissez dans Canva, ou vous avez besoin de véritables calques vectoriels dans Figma. Convertissez le PNG en SVG à couleur unie qui respecte les règles de téléchargement de Canva.
Déposez votre PNG ici
Faites glisser une image ou cliquez pour choisir un fichier.
Choisir une imagePNG, JPG, WEBP, BMP, GIF
Le convertisseur s'ouvre avec les paramètres recommandés ci-dessous. Ouvrir le convertisseur sans fichier
Maillage d'origine
vecteur SVG
Comment convertir un PNG en SVG pour Canva ou Figma
- Commencez par le PNG le plus propre. Utilisez la plus grande version dont vous disposez, recadrée sur l'œuvre. Les aplats de couleur et les contours nets se reproduisent bien.
- Upload and convert. Déposez le PNG ci-dessus ; les formats JPG, WEBP, BMP et GIF sont également acceptés, jusqu'à 15 Mo. Le préréglage est appliqué, et la prévisualisation est gratuite sans compte.
- Check the preview. Recherchez les grains de poussière, les détails manquants et les nuances supplémentaires de la même couleur, et ajustez la qualité si nécessaire.
- Download the SVG. Téléchargez-le pour un crédit. Pour Canva, vérifiez que le fichier fait moins de 3 Mo ; sinon, réduisez la qualité et convertissez à nouveau.
- Import it. Dans Canva, ajoutez-le via vos téléchargements. Dans Figma, faites glisser le SVG sur le canevas.
Paramètres recommandés
Pourquoi une image PNG devient floue dans Canva et Figma
Un PNG est une grille de pixels. Agrandissez-le pour une bannière dans Canva ou un grand cadre dans Figma et les bords deviennent flous et irréguliers. La conversion d'un PNG en SVG pour Canva et Figma remplace les pixels par des formes vectorielles, de sorte que le graphique reste net à toute taille.
Cela aide aussi si vous avez créé un logo sur le plan gratuit de Canva. Le téléchargement d'un SVG vers Canva n'est pas limité à l'abonnement Pro, mais le téléchargement de votre conception en format SVG est une fonctionnalité réservée aux plans payants. Téléchargez-le plutôt en PNG, puis effectuez l'étape de conversion PNG vers SVG sur Canva ici.
Règles de Canva pour le téléchargement d'un fichier SVG
Le centre d'aide de Canva liste quelques exigences pour les téléchargements SVG. Voici comment chacune est mappée à SVGR.
| Canva asks for | How to get there in SVGR |
|---|---|
| A file under 3 MB | Déplacez la qualité vers un fichier plus petit, ou recoupez la source pour ne garder que les œuvres d'art |
| SVG 1.1 | Ce n'est pas un paramètre dans SVGR ; si Canva refuse un fichier, vérifiez d'abord les lignes de taille et de dégradé. |
| Développer tous les traits, chemins et zones de texte | La sortie est composée de formes remplies sans contours ; gardez Reconnaître le texte désactivé afin qu'aucun texte vivant ne soit ajouté |
| Évitez d'utiliser des textures et des dégradés | Avec le type de conception et la reconnaissance de texte désactivés, SVGR trace les aplats de couleur ; commencez par un art plat, car un dégradé dans la source se traduit par des bandes de couleur |
Ce que vous verrez lors de l'importation du SVG dans Figma
Figma importe un SVG sous forme de calques vectoriels, ce qui vous permet de sélectionner, de recolorier et de redimensionner les formes directement. C'est tout l'intérêt d'une conversion PNG vers SVG dans Figma : vous obtenez des formes modifiables au lieu d'une image plate.
Les SVGR empilent les formes au lieu de découper des trous. Le contre d'un O, ou l'espace à l'intérieur d'un anneau, est une forme de la couleur de fond posée sur une forme pleine, donc dans Figma, vous verrez des calques superposés. Cela semble correct sur un fond assorti, mais apparaît sur toute autre couleur.
Pour créer un vrai trou, sélectionnez la forme du haut ainsi que celle du dessous et appliquez Soustraire dans les opérations booléennes de Figma.
Texte : formes tracées ou texte en direct ?
Avec la reconnaissance de texte désactivée, les lettres sont tracées sous forme de formes. Cela ressemble exactement à l'original et fonctionne dans les deux applications, mais vous ne pouvez pas le retaper.
Avec cette option activée, le texte détecté devient du texte SVG en direct, et SVGR effectue également un affinage des couleurs, ce qui peut ajouter des remplissages en dégradé. Canva demande que le texte soit étendu, donc désactivez cette option sur cette plateforme. Figma importe le texte SVG en tant que texte en direct, avec des lacunes : l'opacité du texte est ignorée, les tailles de police basées sur em sont lues en pixels, et l'espacement des lettres sur les spans de texte individuels est ignoré.
Pour les logos, désactivez la reconnaissance de texte. Si vous avez besoin de titres modifiables, retapez-les dans Figma avec la bonne police.
Limites de la connaissance
- La conversion de PNG en SVG pour Canva et Figma convient aux graphiques plats, pas aux photos. Une photo vectorisée devient un fichier volumineux et complexe ; pour Canva, téléchargez la photo elle-même en JPG ou PNG.
- Les PNG aux bords adoucis peuvent présenter des couleurs quasi identiques, comme plusieurs nuances de noir presque semblables. Recolorez-les en une seule couleur dans Figma ou un autre éditeur si vous souhaitez une palette épurée.
- La manière dont Canva vous permet de recolorer un SVG téléchargé dépend du fichier, et nous ne l'avons pas testé sur tous les designs. Téléchargez un fichier de test avant de créer un modèle basé dessus.
- L'empilement des formes compte aussi dans Canva. Avec un fond transparent, l'intérieur d'un O conserve sa couleur de fond d'origine et apparaît comme un point sur n'importe quelle autre couleur. Découpez ces trous dans Figma, ou via Chemin > Différence dans Inkscape, avant de télécharger.
- Un fond transparent supprime la forme peinte dans la couleur présente dans les coins de l'image, ce que les gens entendent par « fond ». Si votre œuvre s'étend sur les quatre coins, ou si les coins ont des couleurs différentes, rien n'est supprimé et le fond reste — donnez à l'œuvre une marge unie et uniforme, puis convertissez à nouveau. Les zones entièrement entourées par l'œuvre ne sont jamais supprimées, et un PNG qui possède déjà un canal de transparence est laissé tel quel.
- Les courbes sont tracées sous forme de nombreux petits segments droits. Tracées à partir d'une petite image, elles peuvent paraître légèrement anguleuses lorsqu'elles sont agrandies ; commencez donc par la plus grande copie dont vous disposez.
Questions fréquemment posées
Puis-je télécharger un fichier SVG sur Canva avec le plan gratuit ?
Oui. Le téléchargement de fichiers SVG n'est pas réservé aux comptes Pro ; c'est le téléchargement de votre conception en format SVG qui est une fonctionnalité des plans payants. Veuillez conserver le fichier en dessous de 3 Mo.
Pourquoi mon SVG ne s'affiche-t-il pas correctement dans Canva ?
Canva demande des fichiers SVG 1.1 de moins de 3 Mo, avec des traits, des chemins et du texte étendus, et sans textures ni dégradés. Vérifiez d'abord le texte dynamique et les remplissages en dégradé : convertissez à nouveau avec la reconnaissance de texte désactivée, à partir d'une source à couleur unie.
Pourquoi y a-t-il des formes empilées les unes sur les autres dans Figma ?
Empilement de formes SVG : le trou dans une lettre ou un anneau est une forme de la couleur de l'arrière-plan placée sur une forme pleine. Sélectionnez les deux et utilisez Soustraire pour créer un véritable trou.
Can I edit the text?
Avec Reconnaissance de texte désactivée, le texte est converti en formes : vous pouvez en changer la couleur et la forme, mais pas le modifier. Avec l'option activée, Figma l'importe en tant que texte éditable, bien qu'il ignore l'opacité du texte et certains espacements entre les lettres. Canva exige que le texte soit aplati, donc désactivez cette option sur Canva.
Is the file too big?
La limite de Canva pour les téléchargements SVG est de 3 Mo. Réglez la qualité sur "Fichier plus petit", recadrez l'œuvre ou réduisez les couleurs de la source, puis convertissez à nouveau.
Puis-je vectoriser une image pour Canva s'il s'agit d'un JPG ou d'une capture d'écran ?
Oui. SVGR prend en charge les fichiers PNG, JPG, WEBP, BMP et GIF jusqu'à 15 Mo. La conversion et l'aperçu sont gratuits sans compte ; le téléchargement coûte un crédit.
Cas d'utilisation connexes
Prêt à convertir ?
La conversion et l'aperçu sont gratuits, sans compte nécessaire. Le téléchargement du SVG ou du PDF utilise un crédit.