网页切片小技巧分享一下哈~
第一,看颜色来切!如果一块区域颜色差不多,就几种色,那就单独切出来;要是纯色背景,直接用CSS写背景色就行,不用切图。颜色渐变的也别慌,多切几块,每块尽量控制在相近色范围内,这样效果更顺滑~
第二,切片能小就小!小图加载快,多个小图一起下,比等一个大图飞快多了。但关键部分像logo、标题这些,最好保持完整别乱拆,不然加载时容易缺胳膊少腿。圆角啊、边框啊这些细节,按实际显示区域切,边缘对齐很重要。有些图别直接丢进DW完事,记得设成背景图更省事。
第三,内容要完整!比如一段标题文字或者一个按钮,别切成两半分散在不同图片里,不然以后改字超麻烦,还容易错位。
总之就是:颜色分清、大小合理、结构完整,切片不翻车~
第一,看颜色来切!如果一块区域颜色差不多,就几种色,那就单独切出来;要是纯色背景,直接用CSS写背景色就行,不用切图。颜色渐变的也别慌,多切几块,每块尽量控制在相近色范围内,这样效果更顺滑~
第二,切片能小就小!小图加载快,多个小图一起下,比等一个大图飞快多了。但关键部分像logo、标题这些,最好保持完整别乱拆,不然加载时容易缺胳膊少腿。圆角啊、边框啊这些细节,按实际显示区域切,边缘对齐很重要。有些图别直接丢进DW完事,记得设成背景图更省事。
第三,内容要完整!比如一段标题文字或者一个按钮,别切成两半分散在不同图片里,不然以后改字超麻烦,还容易错位。
总之就是:颜色分清、大小合理、结构完整,切片不翻车~