[CS5] - CSS Sprites in Photoshop

[pixilab]

Für meinen Webauftritt nutze ich sehr viele kleine Grafiken im CSS, was zu vielen Requests, beim Aufbau der Seite, führt. Aus diesem Grund, möchte ich alle GUI-Grafiken in einer Sprite-Grafik zusammenfassen.

In der Grafik wurde jedes Gui-Element mit einem Slice markiert. An dem Slice, kann man die Koordinate und Abmessung für die spätere Sprites Definition in CSS ablesen.

Jetzt würde ich gerne die Grafik als ganzes exportieren, und zwar im gif-Format. möchte aber die Slices nicht löschen, weil ich ja die Koordinaten für die CSS-Definition noch brauche. Gibt es da einen Trick?

EDIT: Für diejenigen, die nicht genau verstanden haben, was ich mit Sprites meine. Dieser Link sollte es erklären.

 

[patrick_l]

AW: CSS Sprites in Photoshop

Deine Slices können bei der Ausgabe als Grafik (Jpg, Png sowie Gif) nicht mit gespeichert werden bzw. gehen verloren. Daher solltest du dein Grafiken logisch ordnen und dann alles als eine Grafik speichern.

Alternativ die Koordinaten in einem Textdokument notieren und später bei der Umsetzung darauf zurückgreifen. Ich mache mir zwischendurch auch meine Notizen. Sei es Hex-Werte und der Gleichen. So muss man nicht immer zwischen den Anwendungen hin und her springen.

Liebe Grüße, Patrick

 

[cythux]

AW: CSS Sprites in Photoshop

Sprites speichert man am besten als PNG ab, wegen der Transparenz
wenn ich Sprites erstelle, erstelle ich sie mir so eine art von Kordinaten System habe
und so das ich diese dann auf einer extra leeren Dokument habe

http://css-tricks.com/css-sprites/