網(wǎng)頁(yè)設計切圖如何減小資源？

 
1.“點(diǎn)九”圖片拉伸1個(gè)像素與拉伸10個(gè)像素效果上是沒(méi)有區別的，所以盡量縮小圖片的尺寸。

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

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

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


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

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

重慶網(wǎng)絡(luò )公司