PSD is de bestandsindeling voor Adobe Photoshop-bestanden. U kunt in Photoshop genereren van trapsgewijze opmaakmodellen (CSS) voor webafbeeldingen. Een grote afbeelding weer te geven op het Web vertraagt pagina's. Dus het is best om het beeld (verdelen in kleinere afbeeldingen) vóór de uitvoer. Om tijd te besparen, kun Photoshop je aanpassen van de naamgevingsconventie voor segmenten en opgeven hoe stijlen wordt verwezen. U kunt afbeeldingen exporteren met uw CSS-code of gewoon de code.
Open de afbeelding die u wilt exporteren als een CSS in Photoshop.
Selecteer het gereedschap "Segment" in het Tools palet.
Plaats uw muis over het gebied dat u wilt snijd. Hiermee tekent u een vak rond het gebied en laat uw muis om te maken van het segment. Herhaal deze procedure voor andere gebieden van de afbeelding snijd.
Selecteer "File" en "Save for Web & Devices" in het menu. U bent omgeleid naar het dialoogvenster "Opslaan voor Web & apparaten".
Klik op "Opslaan" om de CSS-code te genereren. Het dialoogvenster 'Opslaan geoptimaliseerd als' wordt geopend.
De optie van de drop-down "Opmaak" wijzigen in "HTML en afbeeldingen." Wijzigen van de optie vervolgkeuzelijst "Instellingen" naar "Andere".
Wijziging "HTML" aan "Segmenten" in de drop-down lijst. Ga naar de sectie "De uitvoer van de Slice" en kies "Generate CSS." "Verwezen naar" aan "Door ID," "Inline" of "Door klasse" voor uw CSS-code instellen. Kies een naamgevingsconventie uit de "Standaard segment Naming" sectie.
Klik op "Opslaan". Het dialoogvenster "Opslaan Output Settings" wordt geopend. Naam van het output bestand, en klik op "Opslaan" en "OK." U wordt omgeleid naar het venster "Opslaan geoptimaliseerd als".
Dubbelklik op de map waar de code en afbeeldingen moeten worden opgeslagen. Voer een bestandsnaam in en klik op "Opslaan".