網頁編碼的過程中，用來repeat的背景圖片究竟應該切成多大？瀏覽器究竟是如何計算的？
圖片太小時，瀏覽器計算量變大，甚至在頁面打開的過程中出現交錯的條紋狀的背景，渲染效果可能也會發生改變。圖片太大似乎下載的內容又會變多，如何權衡這個問題呢？
1px寬或高肯定是錯誤的，因為這會引發瀏覽器渲染圖片的性能問題
比如：你試切一個 1*1px 圖平鋪，看看你的瀏覽器卡不卡……哪么，多寬多高比較好呢
這裡剛好JPG圖片其實是由8*8px的格組成的，所以8px的寬或高是一個減少渲染圖片的性能問題又不會太大，又能充分利用JPG圖片特性的尺寸 ( 參見：http://hi.baidu.com/jjmaxer/blog/item/aa4c5bdd0db825d08c102905.html)另：GIF好象是寬的比窄的性能好些，PNG和GIF類似 （ GIF寬的比窄的快，是從GIF渲染時從左向右從上到下的理論出發，當然果然你輸出的GIF是交錯式就不一樣了…… ）
以上觀點實踐得知，樓下的歡迎補充，HOHO~個人習慣：
repeat-x/repeat-y ，用1px 寬/高repeat，用100*100另外補充下，增加幾k的圖片對於一般的網站影響真的不大，不用太糾結於大小。
切得越小，瀏覽器平鋪的時候越慢，所以不是越小越好。個人的觀點是從圖片的大小考慮，在圖片大小增加不多的情況下，圖片可以適當大一些。如果考慮下載的速度，把小圖片拼起來的效果會比一味縮減圖片好很多。
我一般選取8px為單位的
八到十
這得具體看你要的渲染的背景的寬高，比如橫向的背景：一般是1px的寬度，高度根據情況選擇，然後repeat-x 。
推薦閱讀：
