网页建设中切图是必备的一个工作,切图就是把一张完整的图片需要用到的部分进行切剪,然后再应用到网页中去,它的作用是使页面更优化、更精准。切图看似简单,其实还是有很多细节需要注意的,在分工越来越细的网站设计中,细节的处理显得更加重要,否则会影响到整体页面的设计效果。那么,网页切图要注意哪些细节?

  不要把图切得很大

必备:网页切图要注意哪些细节?

  切图的时候不要为了赶速度而把图片切很大,把图片切大了是可以提高工作效率,但是切完之后网站的运行速度会很慢,严重影响后期的网站优化。

  导出类型

  颜色单一过度少的,应该导出为GIF,颜色过度较多的,颜色丰富的应该导出为JPG,有动画的部分导出为GIF动画。

  有渐变效果,要切成一样像素的图片

  页面的背景效果,如果有渐变效果,一定要切成一样像素的图片,然后用CSS样式表来进行平铺。这样既省去了网站的加载时间,也能节省网站的占用空间。

  切图后将图片格式储存为WEB格式和设备所用格式

  一般的图片保存都会选择JPG格式,但是JPG格式的图片如果被放大就会不清晰,放小就会模糊,并且加载速度也会变慢,影响到整个网站视觉效果,所以保存的时候要使用html格式。