網頁設計切圖如何減小資源？

 
1.“點九”圖片拉伸1個像素與拉伸10個像素效果上是沒有區別的，所以盡量縮小圖片的尺寸。

 
2.當我們遇到有紋理的背景或有紋理的按鈕時，切圖原則為：找到紋理的規律，用最小的切圖去平鋪，可以想象中圖案疊加的原理。

       第一種紋理背景，如輸入法多媒體中隨寫輸入的界面，不同的信紙，我們就用了盡可能最小的切圖去平鋪而實現的。我們輸入法中信紙的切圖，遵循用最小切圖的原則，按照不同紋理的規律調整到最小的切圖，所以可以看出不同紋理的切圖尺寸是不一樣的。

       第二種有紋理的按鈕，我們一般會這樣處理：


我們的目標是把按鈕分成三段，保留左右圓角部分，找到中間紋理可復用平鋪的部分，同事確保中間紋理可以與左右兩張圖無縫連接，這樣按鈕的長度就變成可控的了，可以適用于不同的場景。

首先找到紋理的規律，這里的斜線紋理只需切寬為3px的圖即可；然后用紋理圖片去嘗試左右圓角部分，連接到圓角部分的紋理就成功咯。遇到其他類型紋理切圖時，思路是可以復用的。

重慶網絡公司