Syntaxe de nommage du générateur de fichiers image

La syntaxe de nommage des calques contrôle automatiquement le format de sortie, la qualité, les dimensions et la mise à l’échelle des ressources générées à partir des calques et des groupes de calques dans PSD. La compréhension de ces règles de syntaxe vous permet de créer plusieurs variation d’une ressource à partir d’un seul calque, en encodant tous les paramètres directement dans le nom du calque.

Paramètres de qualité spécifiques au format

Syntaxe JPEG

Suffixe de qualité

• .jpg1 à .jpg10 (échelle de 1 à 10)
• .jpg1% à .jpg100% (échelle en pourcentage)

Par défaut : qualité de 90 % lorsqu’aucun suffixe n’est indiqué

Exemples

• Logo.jpg5 : JPEG au niveau de qualité 5
• Hero.jpg80% : JPEG avec une qualité de 80 %
• Banner.jpg : JPEG avec la qualité par défaut de 90 %

Syntaxe PNG

Suffixe de profondeur de bits

• .png8 - PNG 8 bits
• .png24 - PNG 24 bits
• .png32 - PNG 32 bits

Par défaut : 32 bits lorsqu’aucun suffixe n’est indiqué

Exemples

• Icon.png8 - PNG 8 bits avec 256 couleurs
• Photo.png24 - PNG 24 bits sans transparence
• Button.png32 - PNG 32 bits avec canal Alpha complet
• Logo.png - PNG 32 bits (par défaut)

Syntaxe GIF

Format

• .gif : transparence alpha de base

Paramètre de qualité : non disponible pour le format GIF

Exemple

• Animation.gif : GIF avec transparence de base

Syntaxe SVG

Format

• .svg : format vectoriel

Paramètres de qualité et de taille : non applicable

Exemple

• Shape.svg : image vectorielle adaptable

Paramètres de taille et de mise à l’échelle

Les préfixes de taille apparaissent avant le nom du fichier, séparés par un espace. Si vous spécifiez les dimensions en pixels, vous pouvez omettre l’unité.

Mise à l’échelle relative

Syntaxe :[percentage]% [asset-name]

Exemples :

• 200% Logo.jpg : mis à l’échelle à 200 %
• 50% Icon.png : mis à l’échelle à 50 %
• 42% Button.gif : mis à l’échelle à 42 %

Dimensions absolues

Syntaxe :[width] x [height] [asset-name] ou [width][unit] x [height][unit] [asset-name]

Unités prises en charge : px, in, cm, mm (les pixels peuvent être omis)

Exemples :

• 300 x 200 Hero.jpg : 300 px × 200 px
• 100x100 Thumb.png : 100 px × 100 px (sans espaces)
• 4in x 3in Photo.jpg : 4 pouces × 3 pouces
• 10cm x 5cm Card.png : 10 cm × 5 cm

Unités mixtes

Vous pouvez combiner différentes unités dans les spécifications de largeur et de hauteur.

Exemples

• 4in x 100 Banner.jpg - Largeur de 4 pouces, hauteur de 100 px
• 200mm x 6in Poster.png - Largeur de 200 mm, hauteur de 6 pouces
• 10in x 50cm Flyer.jpg - Largeur de 10 pouces, hauteur de 50 cm

Dimensions génériques

Servez-vous de ? comme caractère générique pour mettre à l’échelle proportionnellement en spécifiant une seule dimension.

Syntaxe :

• [width]x? [asset-name] - spécifie la largeur, la hauteur est mise à l’échelle proportionnellement
• ?x[height] [asset-name] - spécifie la hauteur, la largeur est mise à l’échelle proportionnellement

Exemples :

• 100x? Logo.png — largeur : 100 px, hauteur calculée automatiquement
• ?x60in Banner.jpg — hauteur de 60 pouces, largeur calculée automatiquement

Plusieurs asset à partir d’un même calque

Générez plusieurs variation d’asset en séparant les noms d’asset par des virgules ou des signes plus.

Séparateurs :

• , — virgule
• , — virgule suivie d'une ou de plusieurs espaces
• + — signe plus
• + — signe plus suivi d'une ou de plusieurs espaces

Exemples :

• Icon.png,Icon.jpg - versions PNG et JPEG
• 200% Logo.jpg, 100% Logo.jpg - deux tailles
• Icon.png8 + Icon.png24 + Icon.jpg90% - trois variations de format
• 100x100 Thumb.jpg90%, 50x50 Thumb.jpg80% - deux versions mises à l’échelle

Exemples complexes de noms de calque

Syntaxe combinée

La syntaxe complète permet de combiner les paramètres de format, de qualité et d’échelle :

[size] [asset-name].[format][quality], [size] [asset-name].[format][quality]

Exemple : 120% Delicious.jpg, 42% Delicious.png24, 100x100 Delicious_2.jpg90%, 250% Delicious.gif

Cela génère quatre ressources :

• Delicious.jpg : JPEG à la qualité par défaut, mis à l’échelle à 120 %
• Delicious.png : PNG 24 bits mis à l’échelle à 42 %
• Delicious_2.jpg : JPEG à 90 % de qualité en dimensions absolues de 100 × 100 px
• Delicious.gif : GIF mis à l’échelle à 250 %

Organisation des sous-dossiers

Incluez un chemin d’accès de sous-dossier avant le nom de l’asset pour organiser les fichiers de sortie :

Syntaxe :[subfolder]/[asset-name].[format]

Exemples :

• icons/Logo.png : enregistré dans le sous-dossier icons
• @2x/Hero.jpg : enregistré dans le sous-dossier @2x
• thumbnails/50% Photo.png : mis à l’échelle à 50 % dans le sous-dossier thumbnails

Validation de la mise à l’échelle absolue

Syntaxe de mise à l’échelle absolue valide

Syntaxe de mise à l’échelle absolue non valide

Restrictions relatives aux noms de calques

Caractères non pris en charge :: (deux-points) et * (astérisque) ne peuvent pas être utilisés dans les noms de Calque pour la génération d’assets.

Chaînes ignorées : Toute chaîne sans extension de fichier est ignorée dans les noms de calque multi-asset.Par exemple, dans 100% Delicious, 42% Layer 1.png, la chaîne 100% Delicious est ignorée, car elle n’a pas d’extension.