css images
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
aufgefallen
beispiel
bild
brauch
browser
eigenschaft
externen dokumente
folgenden artikel
image
jemand
kombination
kompletten positionen
machen
performance
position
proportion
schieben
server
standardeinstellungen
vorteil
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Du kannst die "Sprites" in dem Image über die CSS-Eigenschaft background-position an eine beliebige Position "schieben". Der Vorteil hierbei ist, dass nur ein Bild geladen werden muss, wodurch der Browser weniger Requests zum Server ausführen muss (die Anzahl der gleichzeitigen ist in den Standardeinstellungen begrenzt und auf alle externen Dokumente (CSS, JS, Bilder usw). bezogen) und dadurch Performance - für den Client als auch für den Server - gespart wird. Das ist aber Pfenigfuchserei und nur bei stark frequenzierten Webseiten macht das Sinn. Außerdem muss dann das Screendesign 100%ig fertig sein (zumindest die Proportionen), da man ansonsten die kompletten Positionen neu anpassen muss.
-
Ansonsten ist "css sprites" wohl eine ganz gute Kombination für Google ;)
Ich fand spontan den folgenden Artikel ganz interessant, da ist auch ein Hinweis auf eine Seite, die einen beim Erstellen solcher Sprites unterstützen kann.
Beitrag zuletzt geändert: 8.6.2010 21:16:26 von tavern -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage