Générer une image à partir d’un fichier .psd Photoshop
Microsoft Expression Web permet de générer un fichier .jpg, .gif ou .png (format PNG-24) à partir d’un fichier .psd Adobe Photoshop et de sélectionner les calques Photoshop à inclure ou à exclure de l’image. Pour apporter des modifications au fichier .psd d’origine, dans Expression Web, vous pouvez sélectionner l’image optimisée pour le Web générée par Expression Web et ouvrir simplement le fichier .psd d’origine dans votre éditeur de fichiers .psd par défaut, tel qu’Adobe Photoshop.
Expression Web peut importer les fichiers .psd Photoshop qui possèdent toutes les propriétés suivantes :
Couleur de 8 bits par canal (24 bits de couleur par pixel).
Mode de couleurs : Couleur RVB, Nuances de gris ou Couleur indexée
Taille de l’image résultante de 200 Mo ou moins
Enregistré avec l’option de format Photoshop Maximiser la compatibilité des fichiers activée
Extension de fichier .psd
Pour générer un fichier .png, .gif ou .jpeg à partir d’un fichier .psd Photoshop
Ouvrez votre site Web dans Expression Web.
Effectuez l’une des opérations suivantes :
Pour placer l’image dans une page, ouvrez la page, puis placez le curseur à l’endroit où insérer le fichier optimisé.
Pour importer l’image dans un site Web, ouvrez le site Web.
Effectuez l’une des opérations suivantes :
Faites glisser le fichier .psd Photoshop du volet des tâches Liste des dossiers vers le mode Création de votre page.
Dans le menu Insérer, pointez sur Image, puis cliquez sur À partir d’Adobe Photoshop (.psd).
Dans la boîte de dialogue Sélectionner un fichier Photoshop (.psd), sélectionnez un fichier qui porte l’extension de fichier .psd et cliquez sur Ouvrir.
.gif "Remarque")
Remarque :Le fichier .psd Photoshop sélectionné doit résider sur votre ordinateur local ou sur un partage réseau.
Dans la boîte de dialogue Importer un fichier Adobe Photoshop (.psd), sélectionnez l’une des options suivantes :
Utilisez
Pour
Optimisé
Afficher l’image telle qu’elle apparaîtra avec les paramètres d’importation qui lui sont actuellement appliqués.
Original
Afficher votre image sans aucune modification de calque ou paramètre d’optimisation appliqué au fichier d’origine.
Pour effectuer un zoom avant ou arrière de l’image, sous l’aperçu de l’image, sélectionnez un facteur de zoom.
Sous Calques Photoshop, effectuez l’une des opérations suivantes :
Pour utiliser pour chaque calque le même état de visibilité que dans le fichier .psd d’origine, sélectionnez Tous les calques.
Pour choisir les calques à afficher ou masquer, sélectionnez Calques sélectionnés. Dans la liste des calques, activez la case à cocher en regard de chaque calque à afficher et désactivez la case à cocher en regard de chaque calque à masquer.
.gif "Remarque importante")
Important :Si vous sélectionnez l’option Calques sélectionnés, les calques d’ajustement, les styles de calque et les effets de calque figurant dans votre fichier .psd Photoshop ne peuvent pas être affichés ou masqués dans Expression Web et n’apparaissent pas dans l’image générée par Expression Web.
Sous Paramètres d’optimisation, appliquez l’une des options suivantes pour l’image générée par Expression Web :
Utilisez
Pour
Codage
Définir le format de fichier.
Qualité JPEG
Définir le niveau de compression du fichier et la qualité de l’image lorsque l’option Codage est définie sur JPEG. Une valeur inférieure produit un fichier de taille inférieure et inversement. Plus les valeurs sont élevées, meilleure est la qualité de l’image.
Taille estimée
Afficher la taille approximative du fichier de l’image optimisée.
Sous Fichier optimisé, effectuez l’une des actions suivantes pour définir l’emplacement et le nom du fichier généré par Expression Web :
Cliquez sur le bouton
.png "Cc295422.4d33764f-2875-4f4b-8480-f1e071ba7582(fr-fr,Expression.10).png")
pour ouvrir la boîte de dialogue Enregistrer sous et atteindre l’emplacement de votre choix, puis entrez un nouveau nom de fichier ou sélectionnez un fichier existant à remplacer.Entrez un chemin d’accès et le nom du fichier.
Pour modifier un fichier .psd Photoshop importé
Ouvrez une page contenant une image générée à l’aide de la boîte de dialogue Importer un fichier Adobe Photoshop (.psd) d’Expression Web.
En mode Création, cliquez avec le bouton droit sur l’image, pointez sur Adobe Photoshop psd et cliquez sur Modifier la source.
Remarque :Si aucun programme par défaut n’est affecté à l’ouverture des fichiers .psd Photoshop sur votre système, la commande Modifier la source n’est pas disponible.
Le programme par défaut d’édition des fichiers .psd démarre. Il ouvre automatiquement le fichier .psd associé à l’image.
Dans votre application par défaut d’édition de fichiers .psd, apportez vos modifications et enregistrez le fichier .psd.
Pour mettre à jour l’image dans votre page Web, dans Expression Web, cliquez avec le bouton droit sur l’image, pointez sur Importer un fichier Adobe Photoshop (.psd) et cliquez sur Mettre à jour à partir de la source.
Dans la boîte de dialogue Importer un fichier Adobe Photoshop (.psd), définissez les options de votre choix et cliquez sur Importer.
Remarque :Si vous avez déjà modifié l’image générée (.png, .jpg ou .gif) par un moyen autre que par la boîte de dialogue Importer un fichier Adobe Photoshop (.psd), une boîte de dialogue s’affiche, vous demandant de confirmer le remplacement des modifications.
Pour importer les modifications les plus récentes à partir d’un fichier .psd Photoshop
Ouvrez une page contenant une image générée à l’aide de la boîte de dialogue Importer un fichier Adobe Photoshop (.psd) d’Expression Web.
Cliquez avec le bouton droit sur l’image, pointez sur Adobe Photoshop psd et cliquez sur Mettre à jour à partir de la source.
Dans la boîte de dialogue Importer un fichier Adobe Photoshop (.psd), définissez les options de votre choix et cliquez sur Importer.
Remarque :Si vous avez déjà modifié l’image générée (.png, .jpg ou .gif) par un moyen autre que par la boîte de dialogue Importer un fichier Adobe Photoshop (.psd), une boîte de dialogue s’affiche, vous demandant de confirmer le remplacement des modifications.