我們在建站的時候使用圖片素材能為整個網站增色不少，但是太多的邊框按鈕圖片會增加請求次數，從而降低網站載入速度，這時我們可以考慮將多個小圖片元素集合到一張圖片中，然後通過圖片定位的方式來呼叫，這樣所有的小圖片總共只請求一次。跟著ytkah來試試吧

　　設計好圖片，上傳。我們先確定所要的小圖片元素的位置和麵積，可以用photoshop來查詢，也可以通過下面這個小工具來實現：

　　http://www.w3school.com.cn/tiy/t.asp?f=html_ismap

　　修改圖片地址，在<img>位置把圖片url貼上進去，提交程式碼。請把滑鼠移動到影象上，看一下狀態列的座標如何變化。**/html_ismap.html?86,130，86是橫座標x的值，130是豎座標y，移動滑鼠，這兩個引數都在變。

　　以這篇文章為例微信那些年走過的開放之路，我們要在一些位置加上鍊接，比如微信小店那個位置，檢視原始碼

<a style="width: 225px; height: 60px; position: absolute; left: 145px; top: 260px;" title="微信小店" href="http://www.cnblogs.com/ytkah/p/3760339.html"> </a>

　　width 225px和height 60px這個是微信小店圖片大小，left 145px和top 260px這個是小圖片所在的位置

　　另外一種方法：通過地圖標籤給圖片加連結