Mittwoch, 4. Februar 2009 11:47
Moin,
gestern haben wir einen Artikel über so genannte CSS-Sprites entdeckt. Danke an praegnanz für die kleine Gedankenstütze. ;-) Hierzu wollten wir uns schon eine paar Tage äußern und einen Ausblick auf kommenden Projekte geben in denen wir das gleiche Schema Testweise ausprobieren werden. Im allgemeinen sollte aber klar sein, dass die Ladezeiten dadurch verringert werden können und vorallem der Trafficauflauf dann doch bei Großprojekten ebenfalls im guten Rahmen gehalten werden kann.
Es geht also darum, dass man eine einzige Grafikdatei für bestimmte Designteile auf der Seite verwendet. Hierzu können zum Beispiel alle Hintergründe die man für Boxen und co verwendet in eine einzige PNG Datei gepackt werden. Oder alle stilistischen Elemente für Buttons oder Icons im Rahmen bestimmter News. Natürlich kann man auch alle Grafiken in einer Datei unterbringen. Wir raten hierzu aber dann doch wenigstens auf Farbähnlichkeit zu achten.
Ein paar Beispiele gefällig? Gerne doch…
Amazon.de, AOL und auch MobileMe nutzen das ganze. Testweise werden wir das ganze auch dann beim neuen Design ausprobieren. Zuerst werden wir das normale Grafikpaket testen um einen Anhaltspunkt des Trafficvolumens zu erhalten. Danach wird das neue Spritesystem getestet. Aber eigentlich sollte das Ergebnis klar sein. Aber wir sind eben Spielkinder hier ;-)
Und da wir gern ein wenig rumfrickeln und rumrechnen bei basteln, bietet sich das ganze ja erst recht an! Einfach die Koordinaten aus der Datei direkt im Photoshop suchen. Minus davor, fertig.