Figma offre une large gamme de formats et de paramètres d'exportation pour vous aider à obtenir des fichiers adaptés à vos besoins spécifiques, qu'il s'agisse de projets web, mobiles ou imprimés. Choisir le bon format est crucial pour garantir une qualité optimale tout en respectant la taille du fichier et les exigences du projet. Découvrez les différents formats d'exportation et les options qui vous permettent d'ajuster les fichiers à la perfection.
Tableau récapitulatif des formats d'exportation
| Format | Description | Utilisation idéale | Paramètres d'exportation |
|---|---|---|---|
| PNG | Format image matricielle avec compression sans perte, supporte la transparence. | Logos, icônes, éléments graphiques avec texte | Ignorer chevauchements, inclure la zone de délimitation |
| JPG | Format de compression avec perte, idéal pour réduire la taille des fichiers. | Photos, images complexes | Ignorer chevauchements, inclure la zone de délimitation |
| SVG | Format vectoriel évolutif sans perte de qualité. | Logos, icônes et illustrations réactives | Ignorer chevauchements, inclure un attribut « id », ébauche de texte, simplifier le contour |
| Format polyvalent pour partager des mises en page complexes avec texte, images et polices. | Présentations, maquettes d'impression | Aucun paramètre supplémentaire |
Détails des formats d'exportation
PNG (Portable Network Graphics)
Le format PNG est idéal pour les images nécessitant de la transparence, comme les logos et les icônes. La compression sans perte garantit une excellente qualité, mais peut rendre le fichier plus lourd.
Options d'exportation :
- Ignorer les chevauchements de calques : Exporte uniquement les calques visibles, excluant les éléments superposés.
- Inclure la zone de délimitation : Inclut l'espace autour du texte dans l'exportation (utile pour les calques de texte).
JPG (Joint Photographic Group)
Le format JPG réduit la taille des fichiers grâce à la compression avec perte. Il est parfait pour les images avec beaucoup de détails ou les photographies.
Options d'exportation :
- Ignorer les chevauchements de calques : Exporte uniquement les éléments visibles, sans superposer les autres objets.
- Inclure la zone de délimitation : Exporte uniquement la taille exacte du contenu visible, sans espace inutile.
SVG (Scalable Vector Graphics)
Le format SVG est un format vectoriel qui n’utilise pas de pixels, ce qui signifie qu’il peut être redimensionné sans perte de qualité. Ce format est idéal pour les logos, icônes et illustrations utilisées sur des sites responsives.
Options d'exportation :
- Ignorer les chevauchements de calques : Exporte seulement ce qui est visible sans éléments superposés.
- Inclure un attribut "id" : Ajoute un identifiant unique pour faciliter la gestion via JavaScript ou CSS.
- Ébauche de texte : Le texte est converti en glyphes, ce qui le rend non modifiable après l'exportation.
- Simplifier le contour : Simplifie les contours pour éviter des distorsions lors de l'affichage sur d'autres plateformes.
PDF (Portable Document Format)
Le format PDF est parfait pour partager des documents ou des présentations qui incluent du texte, des images et des graphiques complexes. Ce format est largement utilisé pour l'impression et les présentations professionnelles.
Options d'exportation :
- Aucun paramètre supplémentaire spécifique au PDF. Le texte sera exporté en tant que glyphes.
Paramètres d'exportation supplémentaires
Échelle (Scale)
L'échelle détermine la taille des images exportées, utile pour les écrans haute définition comme les écrans Retina. Figma vous permet de choisir parmi les échelles suivantes : x1, x2, x3, selon la densité des pixels de l'écran de destination.
- x1 : Taille normale.
- x2 : Haute résolution (Retina).
- x3 : Très haute résolution (pour des écrans encore plus précis).
Suffixe (Suffix)
Le suffixe est un paramètre optionnel qui vous permet d’ajouter un identifiant au nom du fichier exporté, ce qui est utile pour organiser vos ressources. Par exemple, si vous exportez un fichier nommé “Logo.png” et ajoutez le suffixe “Final”, le fichier exporté s'appellera “Logo-Final.png”.
Conclusion
Figma propose une variété de formats et de paramètres d'exportation qui vous permettent de personnaliser vos fichiers en fonction de vos besoins spécifiques, que ce soit pour le web, l’impression ou l'application mobile. En comprenant les différents formats disponibles, vous pouvez choisir celui qui convient le mieux à votre projet et tirer le meilleur parti des options d’exportation comme l'échelle, le suffixe, et les paramètres de chevauchement. Ces outils vous permettent de garantir la qualité et l'efficacité de vos designs tout en optimisant les ressources pour leur utilisation finale.
