CSS sprite – képek összevonása

A honlapod optimalizálására több módszer is kínálkozik. Többek között érdemes tömöríteni a css és javascript fájlokat, valamint a beépülő fájlok (leggyakrabban képek) méretét is a lehető legkisebbre csökkenteni.

A képek használatával kapcsolatos a CSS Sprite-ok használata is. Röviden arról van szó, hogy ha sok kis méretű képet kell használnod, vagy (pl. egy menühöz) képeket használó hover effektet írsz, akkor a különböző képeket egyetlen fájlban tárolod, és CSS-kódokkal pozicionálod a hátteret attól függően, hogy a képnek mely részletét szeretnéd megjeleníteni.
Ezzel a módszerrel jelentősen lecsökkentheted a http-kérések számát, így weboldalad egyszerűen gyorsabban jelenik meg.

Több online generátor létezik, amely elvégzi neked a feladat nagy részét, példának belinkelem a Website-Performance.org Sprite Generátorát.

Hasonló cikkek a webdesign blogon

• Pagerank bookmarklet
• SEO eszközök (seotools, camelpark)
• Backlink-elemzés (linkdiagnosis.com)
• Minimál és színes weboldalak
• Honnan lopjak?