Oldal: 1 / 1

CSS Sprite képek

Elküldve: 2016.08.09. 06:34
Szerző: bigStud
Üdvözletem!

Azt kérdezném, hogy pontosan mik is a CSS Sprite képek? Ha jól tudom több kép egy képben?
Sprite képekkel érdemes-e foglalkozni és hogyan lehet létrehozni ill. beállítani? Örülnék egy példának is.
Előre is köszönöm a segítséget!

Re: CSS Sprite képek

Elküldve: 2016.08.09. 07:00
Szerző: gBaSoft
Így van! Több kép egy kép file-ban.

Mindenképpen érdemes. A weboldal betöltődési sebességének csökkentése fontos.
Nyilván, ha több kép helyett csak egy képet kell betölteni, az csökkenti a szerver kérések (requests) számát.
A gyors weboldal - mint tudjuk - jobb helyezést hozhat a keresőknél, nem beszélve a látogatók gyors kiszolgálásáról.

Egy remek online sprite készítő az alábbi linken.
Be lehet tallózni egyszerre több képet is, és azonnal elkészül a letölthető sprite kép.
A hozzá tartozó css és html kódok is kimásolhatók, hogy miként lehet az egyes képeket megjeleníteni.


Instant Sprite

Az elkészült képet pedig feltétlenül tömörítsd veszteségmentesen minimális méretűre.

Erre az alábbi online kép-tömörítő tökéletesen megfelel:

TinyPNG