企划动力
首页> 网站建设>佛山网站设计中不得不了解的切图基本技巧

经典案例

佛山网站设计中不得不了解的切图基本技巧

佛山企划网站设计就来说下切图需要掌握的几个基本技巧。

发布时间:2019-09-26

网站制作中,为了页面加载速度更快,必须利用切面工具将页面切成几个部分。当然进行切片并不只是简单的把图像在文稿中分离出来就行了。它需要考虑几个方面的问题,现在佛山企划网站设计就来说下切图需要掌握的几个基本技巧。


首先,网页设计完成后,不能盲目的直接去切图,要提前弄清楚网站的结构布局,进行合理规划。

其次,尽量采用css。在网页运行的过程中,很多网站中图片较多的网页打开速度会比较慢,主要是需要下载的内容过多,浏览器和服务端的对接次数变多导致。但是如果采用css,会很大程度上提高网页的运行速度。

佛山网站设计

然后,就是切片的尺寸,千万不要以为切片尺寸越小网站加载速度就越快,这样就越好,实际上,尺寸的大小还要考虑很多因素,并不是一厢情愿的想法。否则网页显示会显得杂乱缺少逻辑感。比如重要的标志和其相对于的内容尽量切在一起。针对有圆角的图片,可以将圆角部分单独切出来,然后合并在一起。


还有,就是保存格式,颜色单一无渐变的的,一般存储为GIF,颜色过渡比较多,颜色丰富的比如相机拍摄的图片一般存储为JPG,有动画的部分一般存储为GIF动画,需要特别注意的是,如果图片是透明无底图,最好存储为png-8的格式,其他的格式不支持透明。


最后,就是一个小细节方面的问题,养成给切片合理命名的好习惯。如果命名不规范,后期会增加很多不必要的麻烦,比如后期需要更换图片的时候,没有和内容对应的命名,那可能就需要在图片地址中一个个去看,这是一个很头痛的事情。所以,合理命名能提高后期的工作效率。