→ oj113068:這法名稱忘記了，它可以有效減少圖檔大小，也會減少下載 04/28 02:19
→ oj113068:的次數(放在一張所以只要1次)，所以網頁會變快 04/28 02:19
推 ducksteven:CSS Sprites 04/28 03:12
推 nochingyo:最典型的就是Yahoo的首頁囉:)所有的icon都是一張圖~ 04/28 12:14
推 Ken52039:這方法其實寫習慣了 會很方便 04/28 21:04
→ p52189:3Q~~ 04/29 04:39
※ 編輯: p52189 來自: 114.44.10.95 (04/29 04:41)
→ tyf99:最大好處是減輕 server session 負擔 04/29 07:08
→ tyf99:一頁30張小圖片，一萬人同時連上來，就會有30萬個request 04/29 07:10
→ tyf99:雖然說現在的瀏覽器都會限制最多同時發出 4 requests.. 04/29 07:11
→ tyf99:而且網路封包一個 1500B，就算圖片只有 200B 還是佔用一封包 04/29 07:13
→ tyf99:30 張小圖就用掉 30 封包，一張大圖只要 5~6 封包就傳完 04/29 07:15
→ tyf99:再加上 TCP 連續傳輸多封包時的加速... 04/29 07:18
推 davidsky:css sprites是好物~~ 04/29 19:42
推 aceone:好處還有做hover的時候不會有閃動的現象 04/29 23:41
→ Ken52039:壞處是對於要repeat的圖 很難搞 04/29 23:59
推 nochingyo:如果是要repeat全部的大背景應該沒辦法用這個哦囧" 04/30 00:39
→ nochingyo:不過如果一般的圖一張，repeat-x的一張，repeat-y的一張 04/30 00:40
→ nochingyo:不知道會如何呢..一張一張加上去，有版大是這樣做的嗎? 04/30 00:40
→ Ken52039:樓上 目前好像只有這種解 04/30 09:05
推 nochingyo:thanks~ 04/30 10:32
推 senser:CSS Sprites 是一種減少request的方法 另外還有data url您 04/30 13:28
→ senser:也可以試試 04/30 13:28
推 senser:server的負擔是考量但不是最大的因素 重點是front end的 04/30 14:23
→ senser:site speed 另外和session也沒有什麼關係 04/30 14:23