內頁Banner背景圖
創絡講堂
白色波浪圖形
灰色波浪圖形 灰色波浪圖形
白色波浪圖形 白色波浪圖形
白色波浪圖形 白色波浪圖形
白色波浪圖形 白色波浪圖形
本文于2012-01-31最后更新,距今已超過1年,如不符合現在的實際情況,可聯系創絡客服獲取幫助或查閱近期文章。

做網站的都知道有一種將網站背景圖片拼接到一張圖片上的技術:CSS Sprites圖片整合技術。深圳網站建設公司【創絡】大約在兩年前的一小段時間內非常癡迷于這種技術的使用。因為它確實可以從很大程度上降低網站服務器的請求次數,從而提高網站的訪問速度,然而,為什么我們會很快的放棄這種技術呢?原因是:這樣做出來的網站很難維護。

我們先來了解一些和Sprites技術相關的信息,對于非動畫的GIF更建議使用PNG8因為它同樣能做到一樣的效果,而且能為你節省10%-30%的文件體積。而Sprites技術就是將網站上的所有圖片集成到一張PNG或者GIF圖片上去。常見的圖片切割技術是圖片順序由上至下、左至右添加。而background-position一般采用數字組合形式定位,這樣能減少維護帶來的不必要麻煩。SS Sprites圖片中的圖片都是緊挨在一起的,目的是最大限度的縮小文件體積。把顏色較近或相同的組合在一起可以降低顏色數,因為少色數的圖片文件體積會相對的小。

一般我們會采用水平排列圖片而非垂直排列,目的當然還是縮小圖片文件的體積,因為垂直排列的圖片會比水平排列的圖片體積要大。適當地把對等相同的圖像合并,以節省空間及減少體積。區分開不需要合并的圖像。最右或左邊為最靈活動位置最適宜擺放文本前的ICO,不會受到其它PNG圖片的干預,因此不需要預留空間。

由于整個網站的圖片全部都在這一個圖片上面,因此,我們需要在每一個DIV中通過精確的position屬性來定位。如果有一天客戶要求改變某一個DIV的大小,那么整個CSS文檔就用全部重新寫,這是多么痛苦的一件事情???而最令人吃驚的,沒有任何一位客戶可以保證他在未來不會去修改網站。因此,我們只好選擇放棄使用這種技術,轉而從其他方面努力提高網站的速度。

上一條 返回目錄 下一條
更多閱讀選擇
相關文章
我們推薦了一些您可能也會感興趣的文章
客服電話
  • 0755-23698839
  • 134-1757-3710
  • 132-6576-8769
創絡建站客服二維碼
不出售過期域名
微信咨詢
在线色_午夜福利视频网站_裸交视频_国产一级AV片