網頁切片小技巧分享一下哈~
第一,看顏色來切!如果一塊區域顏色差不多,就幾種色,那就單獨切出來;要是純色背景,直接用CSS寫背景色就行,不用切圖。顏色漸變的也別慌,多切幾塊,每塊盡量控制在相近色范圍內,這樣效果更順滑~
第二,切片能小就小!小圖加載快,多個小圖一起下,比等一個大圖飛快多了。但關鍵部分像logo、標題這些,最好保持完整別亂拆,不然加載時容易缺胳膊少腿。圓角啊、邊框啊這些細節,按實際顯示區域切,邊緣對齊很重要。有些圖別直接丟進DW完事,記得設成背景圖更省事。
第三,內容要完整!比如一段標題文字或者一個按鈕,別切成兩半分散在不同圖片里,不然以后改字超麻煩,還容易錯位。
總之就是:顏色分清、大小合理、結構完整,切片不翻車~
第一,看顏色來切!如果一塊區域顏色差不多,就幾種色,那就單獨切出來;要是純色背景,直接用CSS寫背景色就行,不用切圖。顏色漸變的也別慌,多切幾塊,每塊盡量控制在相近色范圍內,這樣效果更順滑~
第二,切片能小就小!小圖加載快,多個小圖一起下,比等一個大圖飛快多了。但關鍵部分像logo、標題這些,最好保持完整別亂拆,不然加載時容易缺胳膊少腿。圓角啊、邊框啊這些細節,按實際顯示區域切,邊緣對齊很重要。有些圖別直接丟進DW完事,記得設成背景圖更省事。
第三,內容要完整!比如一段標題文字或者一個按鈕,別切成兩半分散在不同圖片里,不然以后改字超麻煩,還容易錯位。
總之就是:顏色分清、大小合理、結構完整,切片不翻車~