Vous pouvez générer des fichiers d’image JPEG, PNG ou GIF à partir du contenu d’un calque ou d’un groupe de calques figurant dans un fichier PSD. Les fichiers sont générés automatiquement lorsque vous ajoutez une extension de format d’image prise en charge au nom d’un calque ou d’un groupe de calques. Si vous le souhaitez, vous pouvez également indiquer des paramètres de taille et de qualité pour les fichiers d’image ainsi générés.
La génération de fichiers d’image à partir d’un fichier PSD est particulièrement utile pour la conception de sites Web compatibles avec divers périphériques.
Pour savoir comment créer et exporter des images web, voir Comment exporter des fichiers dans divers formats depuis Photoshop.
Pour mieux comprendre le fonctionnement du générateur de fichiers d’image, prenons l’exemple d’un fichier PSD simple (téléchargez-le depuis ce lien) avec la hiérarchie de calques suivante :
La hiérarchie de calques de ce fichier présente deux groupes de calques : Rounded_rectangles et Ellipses. Chacun de ces groupes de calques contient cinq calques.
Procédez comme suit pour générer des fichiers d’image à partir de ce fichier PSD :
- Ouvrez le fichier PSD, puis sélectionnez Fichier > Générer > Fichiers d’image.
- Ajoutez les extensions de format de fichier souhaitées (.jpg, .png ou .gif) aux noms des calques ou des groupes de calques à partir desquels vous souhaitez générer des fichiers d’image. Par exemple, renommez les groupes de calques Rounded_rectangles et Ellipses de la manière suivante : Rounded_rectangles.jpg et Ellipses.png ; renommez le calque Ellipse_4 de la manière suivante : Ellipse_4.gif.
Remarque :
Les caractères spéciaux : et * ne sont pas pris en charge dans les noms de calque.
Photoshop génère les fichiers d’image correspondants et les enregistre dans un sous-dossier en regard du fichier PSD source. Si le fichier PSD source n’est pas encore enregistré, Photoshop enregistre les fichiers générés dans un nouveau dossier sur votre bureau.
Remarque :
La fonction de génération de fichiers d’image est activée pour le document actif. Une fois activée, cette fonction est disponible à chaque réouverture du document. Pour désactiver la fonction de génération de fichiers d’image pour le document actif, désélectionnez Fichier > Générer > Fichiers d’image.
Pour générer plusieurs fichiers à partir d’un calque ou d’un groupe de calques, séparez les noms de fichier à l’aide de virgules. Par exemple, le nom de calque suivant permet de générer trois fichiers :
Ellipse_4.jpg, Ellipse_4b.png, Ellipse_4c.png
Vous pouvez choisir d’enregistrer les fichiers d’image générés à partir de calques/groupes de calques dans un sous-dossier directement sous le dossier des fichiers du document. Incluez le nom du sous-dossier dans le nom du calque/groupe de calques, par exemple :
[sous-dossier]/Ellipse_4.jpg
La génération de fichiers d’image à partir d’un fichier PSD est particulièrement utile pour la conception de sites web compatibles avec divers appareils. Prenons l’exemple de la conception du site web suivant et de sa structure de calques :
Générons les fichiers d’image de l’icône se trouvant en haut de la liste ainsi que de la ligne supérieure de la grille d’image Global Hotspots :
Remarque :
Un fichier d’image unique est généré à partir du contenu d’un groupe de calques ou d’un calque. Par exemple, le groupe de calques AdventureCo Logo de la capture d’écran ci-dessus contient un calque de forme et un calque de texte dynamique. Ces calques sont aplatis lorsqu’un fichier d’image est généré à partir du groupe de calques.
Les fichiers JPEG sont générés par défaut avec une qualité de 90 %. Les fichiers PNG sont générés sous la forme de fichiers 32 bits par défaut. Les fichiers GIF sont générés avec une transparence alpha de base.
Lorsque vous renommez des calques ou des groupes de calques en vue de la génération de fichiers, vous pouvez personnaliser la qualité et la taille.
- Ajoutez un suffixe au nom de fichier pour spécifier la qualité de sortie voulue : .jpg (1-10) ou .jpg (1-100 %). Par exemple :
- Ellipse_4.jpg5
- Ellipse_4.jpg50%
- Ajoutez un préfixe au nom de fichier pour spécifier la taille de l’image voulue (taille relative ou dans un format pris en charge : px, in, cm et mm). Photoshop met l’image à l’échelle en conséquence. Par exemple :
- 200% Ellipse_4.jpg
- 300 x 200 Rounded_rectangle_3.jpg
- 10in x 200mm Rounded_rectangle_3.jpg
Remarque : n’oubliez pas d’ajouter un espace entre le préfixe et le nom du fichier. Si vous spécifiez la taille en pixels, vous n’avez pas besoin d’indiquer l’unité. Par exemple, 300 x 200.
Remarque :
Comme sur l’illustration, vous pouvez mélanger différentes unités et des valeurs en pixels pour préciser la taille de l’image finale souhaitée. Par exemple, 4in x 100 Rounded_rectangle_3.jpg est un nom de calque valide pour la génération du fichier.
- Ajoutez un suffixe au nom de fichier pour spécifier la qualité de sortie voulue : 8, 24 ou 32. Par exemple :
- Ellipse_4.png24
- Ajoutez un préfixe au nom de fichier pour spécifier la taille de l’image voulue (taille relative ou dans un format pris en charge : px, in, cm et mm). Photoshop met l’image à l’échelle en conséquence. Par exemple :
- 42% Ellipse_4.png
- 300mm x 20cm Rounded_rectangle_3.png
- 10in x 50cm Rounded_rectangle_3.png
Remarque : n’oubliez pas d’ajouter un espace entre le préfixe et le nom du fichier. Si vous spécifiez la taille en pixels, vous n’avez pas besoin d’indiquer l’unité. Par exemple, 300 x 200.
Remarque :
Comme sur l’illustration, vous pouvez mélanger différentes unités et des valeurs en pixels pour préciser la taille de l’image finale souhaitée. Par exemple, 4in x 100 Rounded_rectangle_3.png est un nom de calque valide pour la génération du fichier.
- Ajoutez un préfixe au nom de fichier pour spécifier la taille de l’image voulue (taille relative ou dans un format pris en charge : px, in, cm et mm). Par exemple :
- 42% Ellipse_4.gif
- 300mm x 20cm Rounded_rectangle_3.gif
- 20in x 50cm Rounded_rectangle_3.gif
Remarque : n’oubliez pas d’ajouter un espace entre le préfixe et le nom du fichier. Si vous spécifiez la taille en pixels, vous n’avez pas besoin d’indiquer l’unité. Par exemple, 300 x 200.
Remarque :
Comme sur l’illustration, vous pouvez mélanger différentes unités et des valeurs en pixels pour préciser la taille de l’image finale souhaitée. Par exemple, 4in x 100 Rounded_rectangle_3.gif est un nom de calque valide pour la génération du fichier.
Vous pouvez indiquer plusieurs noms de fichier comportant des paramètres lorsque vous renommez un calque afin de générer un fichier. Par exemple :
120% Delicious.jpg, 42% Delicious.png24, 100x100 Delicious_2.jpg90%, 250% Delicious.gif
À partir de ce calque, Photoshop génère les fichiers suivants :
- Delicious.jpg (une image JPG de qualité 8 redimensionnée à 120 %)
- Delicious.png (une image PNG de 24 bits redimensionnée à 42 %)
- Delicious_2.jpg (une image JPG à 90 % dont la taille absolue est de 100 x 100 px)
- Delicious.gif (une image GIF redimensionnée à 250 %)
Vous pouvez spécifier des paramètres par défaut de document pour les fichiers générés. Suivez ces étapes :
- Créez un calque vide dans le document.
- Faites commencer le nom du calque par le mot clé default. Définissez les paramètres à appliquer à tous les fichiers d’image générés depuis le document. Par exemple :
Remarque :
Les facteurs de mise à l’échelle sont remplacés par ceux définis pour les calques individuels.
Vous pouvez désactiver la fonction de génération de fichiers d’image pour tous les documents en modifiant les préférences Photoshop.
- Sélectionnez Edition > Préférences > Modules externes.
- Désélectionnez l’option Activer le générateur.
- Cliquez sur OK.
Remarque :
La commande de menu Fichier > Générer n’est pas disponible si vous désactivez la génération des fichiers d’image à partir des Préférences. Cette fonction ne peut être réactivée que dans la boîte de dialogue Préférences.
