UltKit

Convertir un PSD en SVG

Enregistrez un design Photoshop au format .svg pour les outils qui n’acceptent que le SVG. Le convertisseur aplatit le PSD et place l’image dans un fichier SVG. Lisez la suite pour savoir quand cela suffit et quand un logo doit être vectorisé.

Convertisseur d’images

ou déposez Fichiers JPG, JPEG, JPE … ici ·

95 Mo max. par fichier· Jusqu'à 20 fichiers· Supprimés après 30 minutes

Sortie

Les fichiers sont traités sur nos serveurs et supprimés après 30 minutes.

Comment utiliser cet outil

  1. 1

    Importez le PSD

    Choisissez un ou plusieurs fichiers .psd, jusqu'à 20 par lot et 95 Mo chacun.

  2. 2

    Cliquez sur Convertir en SVG

    Le design visible est aplati à la taille de son canevas et intégré dans un document SVG. Il n'y a pas de curseur de qualité, car l'image bitmap qu'il contient est stockée sans perte.

  3. 3

    Ouvrez le résultat

    Déposez le fichier .svg dans un navigateur, Figma ou Inkscape. Il ressemblera au PSD ; si vous zoomez beaucoup, vous verrez des pixels, ce qui est normal.

PSD en SVG : ce que le convertisseur écrit réellement

Un PSD est une pile de calques : calques de pixels issus de photos et de pinceaux, calques de réglage qui modifient les pixels situés dessous, calques de texte, objets dynamiques et calques de forme, que Photoshop stocke sous forme de tracés vectoriels depuis la version 6.0 en 2000. Photoshop lui-même est sorti en février 1990, et le format PSD contient toujours un composite aplati de la pile visible afin que d'autres programmes puissent afficher le design sans comprendre chaque type de calque.

Ce convertisseur utilise ce design aplati. Il rend les calques visibles en une seule image à la taille du canevas, puis écrit un document SVG dont le seul contenu est cette image. Le SVG a la bonne largeur, la bonne hauteur et la bonne transparence, et s'insère donc dans une page ou une mise en page comme l'original. En revanche, il ne contient aucune forme modifiable : chaque bord, y compris ceux des calques de forme, est fait de pixels. Les effets, les masques et les modes de fusion n'ont pas d'équivalent direct en SVG ; le résultat rendu est donc la sortie la plus fidèle.

Largeur ou hauteur maximale d'un PSD
30 000 px
Taille maximale d'un fichier PSD (les designs plus volumineux utilisent le PSB)
2 Go
PSD le plus lourd accepté par ce convertisseur
95 Mo
fichiers PSD par lot
20

PSD

Document Adobe Photoshop

PSD est le format de fichier natif d'Adobe Photoshop, utilisé depuis 1990. Il stocke les calques, masques, calques de réglage, textes, objets dynamiques, couches et profils colorimétriques afin de pouvoir retoucher un projet plus tard sans perte. Les fichiers sont souvent très volumineux et la fidélité complète exige Photoshop ; d'autres éditeurs comme GIMP, Photopea et Affinity ouvrent les PSD avec une exactitude variable. Les navigateurs, téléphones et la plupart des formulaires d'envoi ne peuvent pas afficher directement un PSD.

Compression
Sans perte
Transparence
Oui
Animation
Non
Année de création
1990 · Adobe
Convertisseur PSD

SVG

Scalable Vector Graphics

SVG est un format vectoriel fondé sur XML, normalisé par le W3C en 2001. Au lieu de pixels, il décrit des formes, des tracés et du texte ; il reste donc net à n'importe quelle taille et est généralement minuscule pour les logos et icônes. Il prend en charge la transparence, le style CSS, les scripts et l'animation, et tous les navigateurs l'affichent nativement. Le SVG ne convient pas aux photographies, et les illustrations complexes peuvent devenir lentes à afficher. Illustrator, Inkscape, Figma et les navigateurs peuvent l'ouvrir et le modifier.

Compression
–
Transparence
Oui
Animation
Oui
Année de création
2001 · W3C
Convertisseur SVG

On cherche PSD en SVG quand un créateur de site, une plateforme de modèles ou une machine de découpe demande du SVG alors que le design n'existe qu'en fichier Photoshop ; on obtient alors le visuel aplati dans un conteneur SVG.

Calques de forme, objets dynamiques et pixels dans un PSD

Idée reçueEnregistrer en .svg rend n'importe quel design redimensionnable sans perte.

RéalitéLa possibilité d'agrandir sans perte vient des tracés. Un SVG contenant un bitmap devient flou au-delà de sa taille en pixels, comme un PNG.

Idée reçueUn logo dessiné avec les formes de Photoshop est converti automatiquement en vectoriel.

RéalitéCet outil aplatit d'abord, donc les formes arrivent en pixels. Les formes vectorielles doivent être exportées ou vectorisées.

Idée reçueLes objets dynamiques conservent leur contenu vectoriel lié.

RéalitéUn fichier Illustrator placé est rendu à la taille qu'il a sur le canevas, puis aplati avec le reste.

Obtenir de vrais tracés vectoriels à partir d’un design Photoshop

Pour un logo, une icône ou un lettrage qui doit rester net à toutes les tailles, la vectorisation est l'étape à suivre. Convertissez le PSD en PNG transparent avec PSD en PNG, puis passez-le dans le convertisseur d'image en SVG, qui suit les contours et écrit de vrais tracés. La vectorisation convient aux aplats de couleur et aux contours nets ; les photos se transforment en milliers de minuscules formes. Notre guide pour convertir un PNG en SVG détaille les réglages qui gardent des courbes lisses.

Si le visuel vectoriel d'origine existe dans Illustrator, Affinity Designer ou Figma, demandez ce fichier avant de vectoriser une copie aplatie.

Questions sur la conversion PSD en SVG

Mes calques de forme Photoshop deviendront-ils des tracés SVG modifiables ?

Pas avec ce convertisseur. Les calques de forme sont des vecteurs dans Photoshop, mais le PSD est aplati en une seule image bitmap avant d'être écrit en SVG : tous les calques, formes comprises, arrivent donc sous forme de pixels. Pour conserver les tracés, exportez les formes depuis un éditeur vectoriel ou vectorisez le résultat.

Pourquoi mon SVG pèse-t-il à peu près autant qu’un PNG du même design ?

Parce que ce SVG est en grande partie un PNG. L'image bitmap est stockée sous forme de texte encodé dans le SVG, ce qui ajoute environ un tiers à sa taille. Un vrai logo vectoriel ne pèserait que quelques kilo-octets.

Puis-je envoyer ce SVG à une Cricut ou à une découpeuse laser ?

Il s'importera, mais il n'y a rien à découper. Les machines de découpe suivent les contours des tracés, et un bitmap encapsulé n'en a pas : Design Space et les logiciels laser voient une image plate. Vectorisez le logo avec le convertisseur d'image en SVG pour obtenir des lignes de coupe.

Le texte d’un calque de texte Photoshop reste-t-il du texte dans le SVG ?

Non. Les calques de texte sont rendus avec leurs polices et aplatis comme le reste : vous ne pouvez ni rechercher, ni sélectionner, ni retaper les mots. Recréez un texte modifiable dans un éditeur SVG avec la même police.

Quand un SVG contenant une image bitmap est-il vraiment utile ?

Quand un système exige l'extension .svg mais se contente d'afficher le fichier, comme le font certains outils de création de thèmes et plateformes de modèles. Cela sert aussi de solution provisoire en attendant un vrai visuel vectoriel.

Un canevas PSD plus grand donne-t-il un SVG plus net ?

Oui. Le SVG conserve les dimensions du canevas : un PSD de 4000 px reste net à des tailles d'affichage plus grandes qu'un PSD de 1000 px. Au-delà de sa taille native, l'image intégrée devient floue comme n'importe quel bitmap.

Autres façons d’exporter un fichier Photoshop
PSD en PNGPSD en JPGPSD en PDF
PNG en SVGEPS en SVGImage en SVG