PSD est le format de fichier pour les fichiers Adobe Photoshop. Photoshop vous permet de générer des feuilles de style en cascade (CSS) pour les images Web. Affichage d`une grande image sur le Web ralentit pages. Il est donc préférable de couper l`image (le diviser en petits graphiques) avant l`exportation. Pour gagner du temps, Photoshop vous permet de personnaliser la convention de nommage pour les tranches et de spécifier comment les styles sont référencés. Vous pouvez exporter les images avec votre code CSS ou tout simplement exporter le code.
Ouvrez l`image que vous souhaitez exporter en tant que CSS dans Photoshop.
Sélectionnez l`outil "Slice" de la palette d`outils.
Placez votre souris sur la zone que vous voulez couper. Dessiner une zone autour de la zone et relâchez votre souris pour créer la tranche. Répétez ce processus pour découper d`autres zones de l`image.
Sélectionnez "Fichier" et "Enregistrer pour le Web Devices "dans le menu. Vous sont dirigés vers le" Enregistrer pour le Web Devices "boîte de dialogue.
Cliquez sur "Enregistrer" pour générer le code CSS. Le "Enregistrer une copie optimisée sous" boîte de dialogue apparaît.
Changer l`option "Format" déroulante "HTML et images." Changer l`option de liste déroulante "Paramètres" à "Autre".
Change "HTML" pour "tranches" dans la liste déroulante. Allez à la section "Slice Output" et choisissez "Générer CSS." Set "Référencé" à "Par ID", "Inline" ou "Par classe" pour votre code CSS. Choisissez une convention de nommage de la section "Default Slice Naming".
Cliquez sur "Enregistrer". Le "Enregistrer les paramètres de sortie" boîte de dialogue apparaît. Nom du fichier de sortie, puis cliquez sur "Enregistrer" et "OK". Vous êtes redirigé vers la "Enregistrer optimisée sous" fenêtre.
Double-cliquez sur le dossier dans lequel le code et les images seront enregistrées. Entrez un nom de fichier et cliquez sur "Enregistrer".
