SVG

Copiez-collez vos SVGs dans PandaSuite et exploitez pleinement les bénéfices des fichiers vectoriels.

Le format SVG (Scalable Vector Graphics) est devenu un incontournable dans la conception d'interfaces pour une bonne raison : il permet de créer des éléments graphiques évolutifs, sans aucune perte de qualité, peu importe leur taille.

Avec PandaSuite, importer et utiliser des fichiers SVG est facile et vous donne la flexibilité de les personnaliser ou de les intégrer tels quels.

Comment PandaSuite interprète les SVG

Lorsque vous insérez un SVG dans PandaSuite, le logiciel l'analyse automatiquement pour déterminer s'il peut être manipulé comme un path modifiable ou s'il sera traité comme un SVG complet, sans possibilité d'édition.

SVG simple = path modifiable

Si votre SVG contient des formes ou des chemins simples, PandaSuite le convertira en path. Cela vous permet de :

Changer la couleur et les autres propriétés graphiques directement dans l'interface.
Redimensionner et ajuster le SVG sans perdre en qualité.
Animer l'icône à l'aide des fonctionnalités d'animation disponibles dans PandaSuite.

SVG complexe = SVG non modifiable

Si votre SVG est plus complexe (avec des groupes imbriqués, des filtres ou des animations avancées), il sera importé en tant que SVG complet. Dans ce cas, l'icône ne sera pas modifiable (vous ne pourrez pas changer la couleur ou éditer ses formes), mais elle restera redimensionnable et conservera sa haute qualité graphique.

Comment importer un SVG dans PandaSuite

Copier-coller le fichier SVG directement

Il vous suffit de copier votre fichier SVG et de le coller directement dans votre projet PandaSuite. L'éditeur reconnaîtra automatiquement le format et l'intégrera dans votre interface. Vous pourrez alors le redimensionner, l'animer ou l'utiliser selon vos besoins.

Copier-coller le code

PandaSuite offre également la possibilité d'importer un fichier SVG en copiant-collant directement son code. Voici comment procéder :

Trouvez une icône SVG sur un site comme Flaticon ou Icons8.
Récupérez le code SVG de l'icône choisie.
Ouvrez PandaSuite Studio
Collez le code SVG dans la fenêtre