Kombinování obrázku – CSS Sprites

9. 4. 2011 13:03:37

Co je to, jak na to - http://code.google.com/speed/page-speed/docs/rtt.html#SpriteImages

Príklady - http://css-tricks.com/css-sprites/

Cesky generator - http://cs.spritegen.website-performance.org/

Cilem je pomoci CSS skombinovat obrazky do co nejnizsiho poctu a snizit tak pocet pozadavku na server a celkovou velikost prenesenych dat obrazku.

Mam PHPBB forum, nevite jak to udelat pro to forum?

Nejaky drobny priklad. I bych neco zaplatil kdybyste mi poradili jak na to nebo udelali pro moje phpbb forum? napisete navrh prosim?

Znate ceske navody na css sprites pro obrazky?

9. 4. 2011 13:03:37

https://webtrh.cz/diskuse/kombinovani-obrazku-css-sprites#reply626215

Smazaný účet m5u2DKRief

(48 hodnocení)

9. 4. 2011 13:18:41

Napsal postcd;644241
Mam PHPBB forum, nevite jak to udelat pro to forum?

Víme, stejně jako pro jakýkoli jiný web. Viz tuny návodů na internetu včetně odkazů, které jsi sám našel. Pokud neumíš anglicky, tak si stránku přelož třeba od Googlu, na pochopení to bude stačit.

9. 4. 2011 13:18:41

https://webtrh.cz/diskuse/kombinovani-obrazku-css-sprites#reply626214

Tomáš Faldyna

(54 hodnocení)

19. 4. 2011 15:01:47

Jedine co prakticky potrebujes, jsou 2 veci:

1) vytvorit si vhodny obrazek

2) znalost: background-position

Napr., timto si z originalniho obrazku po najeti mysi zobrazis jen urcitou/pozadovanou cast (spodni polovinu)

Jinak na netu je toho fakt plno, staci hledat ;)

19. 4. 2011 15:01:47

https://webtrh.cz/diskuse/kombinovani-obrazku-css-sprites#reply626213

wtpd

(19 hodnocení)

19. 4. 2011 16:38:46

Spíš mi neni jasné jak to udělat na phpbb foru. je tam asi 20 obrazku na cele strance jak z toho udělat ty stripy. jsem laik i do css

19. 4. 2011 16:38:46

https://webtrh.cz/diskuse/kombinovani-obrazku-css-sprites#reply626212

(20 hodnocení)

19. 4. 2011 16:45:20

sprites jsou zalozeny na tom, ze mas v jednom obrazku vic obrazku a proste jen pozicovanim backgroundu a velikosti prvku si z toho jendoho obrazku vytahnes konkretni a zobrazis, pak treba pro 10 obrazku ti staci jeden pozadavek protoze vsech tech 10 obrazku ej v jendom souboru... jenze... kdyz tomu nerozumis... proc to chces delat? skutecne je tak strasnych 20 obrazku? to mas vazne tak silenou navstevnost ze kazdy pozadavek na server je znat? silne o tom pochybuju :) myslim si ze jedine co ti na serveru muze delat problemy je phpbb samotne...

19. 4. 2011 16:45:20

https://webtrh.cz/diskuse/kombinovani-obrazku-css-sprites#reply626211

Tomáš Faldyna

(54 hodnocení)

19. 4. 2011 17:26:40

Napsal postcd;648288
Spíš mi neni jasné jak to udělat na phpbb foru. je tam asi 20 obrazku na cele strance jak z toho udělat ty stripy. jsem laik i do css

Jak naznacil Aleš, stripy se pouzivaji predevsim tam, kde je velka navstevnost, kde se pocita kazdy kB, kazdy http request - coz zrejme neni tvuj pripad. Nejlepsi tedy bude to nechat tak a do niceho nevrtat... :)

19. 4. 2011 17:26:40

https://webtrh.cz/diskuse/kombinovani-obrazku-css-sprites#reply626210

Pro odpověď se přihlašte.

Přihlásit