Convertir SKETCH en SVG

SVG est nécessaire lorsqu’un design Sketch doit être ouvert dans un navigateur, un éditeur vectoriel, un système de documentation ou un autre logiciel qui ne prend pas en charge les documents natifs .sketch. L’exportation crée également un fichier évolutif destiné au partage, à la diffusion sur le web ou à l’archivage.

Qu’est-ce que le format SKETCH ?

.sketch est le format de document natif de Sketch, une application macOS de conception d’interfaces et de produits développée par Sketch B.V. Les designers l’utilisent pour les écrans, les icônes, les wireframes, les symboles, les composants et les systèmes de design. Un document peut contenir des calques vectoriels modifiables, du texte, des images bitmap, des styles, des composants partagés, des masques, des plans de travail et des données de prototype.

Un fichier Sketch est destiné à rester modifiable dans Sketch. D’autres applications graphiques peuvent l’ouvrir ou l’importer, mais elles ne peuvent généralement pas préserver chaque composant, contrainte, style, commentaire ou fonctionnalité de prototype. Le format est également un package contenant des données de document et des ressources, plutôt qu’une image aplatie.

Qu’est-ce que le format SVG ?

SVG, ou Scalable Vector Graphics, est un format vectoriel basé sur XML pris en charge par les navigateurs web ainsi que par de nombreux outils de design, de publication et de développement. Les formes, les tracés et le texte restent indépendants de la résolution, de sorte qu’un même fichier peut être affiché à différentes tailles sans pixellisation raster.

SVG convient aux logos, aux icônes, aux ressources d’interface, aux illustrations et aux diagrammes. Il est souvent plus petit qu’une exportation raster pour les illustrations simples, mais les photographies intégrées, les effets complexes et un grand nombre de tracés peuvent augmenter la taille d’un SVG.

Comment convertir SKETCH en SVG

Utiliser Sketch sur macOS

1. Ouvrez le document .sketch dans Sketch et enregistrez une copie de sauvegarde.
2. Sélectionnez le plan de travail, le groupe, la forme ou le calque à exporter. Sélectionnez plusieurs plans de travail lorsque vous avez besoin d’exportations d’écran distinctes.
3. Dans l’Inspector, recherchez Export et choisissez Make Exportable. Selon la version de Sketch, la même opération peut être accessible via File → Export ou les contrôles d’exportation de la barre d’outils.
4. Choisissez SVG comme format et laissez l’échelle à 1x, sauf si la destination exige une autre échelle.
5. Cliquez sur Export, choisissez une destination et enregistrez le fichier .svg obtenu.

L’exportation d’un plan de travail crée un SVG pour ce plan de travail. L’exportation d’un calque inclut ce calque et ses calques enfants, mais pas les objets indépendants situés ailleurs sur la zone de travail. Masquez ou supprimez les calques inutilisés avant l’exportation afin de réduire la taille du fichier et d’éviter l’inclusion de contenu non souhaité.

Utiliser un convertisseur en ligne

Des services en ligne tels que Zamzar et Convertio ont proposé la conversion de .sketch vers .svg, mais la prise en charge des formats propriétaires peut évoluer. Vérifiez que le service répertorie actuellement SKETCH comme format d’entrée et SVG comme format de sortie avant d’effectuer l’importation.

1. Importez le fichier .sketch dans le convertisseur.
2. Sélectionnez SVG comme format de sortie et lancez la conversion.
3. Téléchargez le résultat et examinez-le dans le navigateur ou l’application graphique prévu.

Utilisez la conversion en ligne uniquement pour les fichiers non confidentiels. Les designs de produits non publiés, les ressources client et les documents contenant des informations sensibles doivent rester dans Sketch ou être traités avec un logiciel local fiable ; consultez les conditions de conservation et de suppression du service avant d’effectuer l’importation.

Limites de qualité et de compatibilité

L’exportation SVG préserve la géométrie vectorielle, mais les données d’édition propres à Sketch ne subsistent pas sous forme d’objets Sketch modifiables. Les symboles, les styles partagés, les contraintes de mise en page, les commentaires et les liens de prototype deviennent généralement des groupes, des tracés ou des attributs SVG ordinaires, ou sont omis.

Le texte peut s’afficher différemment lorsque le destinataire ne dispose pas des polices d’origine. Conservez le texte sous forme de texte lorsque la possibilité de le rechercher et de le modifier est importante. Convertissez le texte en contours lorsque la préservation exacte des glyphes est prioritaire ; le texte converti en contours n’est plus facilement modifiable ni recherchable en tant que texte.

Les dégradés, les masques, les opérations booléennes, les ombres, les modes de fusion et la transparence peuvent s’afficher différemment dans Sketch, les navigateurs et les éditeurs vectoriels. Vérifiez le fichier exporté dans sa destination finale, en particulier lorsqu’il utilise des masques d’écrêtage ou des effets complexes.

Les images raster placées dans le document restent des images raster après l’exportation SVG et ne peuvent pas gagner en résolution. Leur intégration ou leur liaison dépend de l’exporteur et des paramètres ; vérifiez le SVG et conservez les ressources d’image d’origine lorsque la destination signale des fichiers manquants. Ouvrez le résultat dans un éditeur de texte ou un optimiseur SVG uniquement après avoir confirmé que son apparence et la possibilité de modification requise sont intactes.