网站设计中不得不了解的切图基本技巧
在网站制作中,为了页面加载速度更快,必须利用切面工具将页面切成几个部分。当然进行切片并不只是简单的把图像在文稿中分离出来就行了。它需要考虑几个方面的问题,现在就来说下切图需要掌握的几个基本技巧。
首先,网页设计完成后,不能盲目的直接去切图,要提前弄清楚网站的结构布局,进行合理规划。
其次,尽量采用css。在网页运行的过程中,很多网站中图片较多的网页打开速度会比较慢,主要是需要下载的内容过多,浏览器和服务端的对接次数变多导致。但是如果采用css,会很大程度上提高网页的运行速度。
然后,就是切片的尺寸,千万不要以为切片尺寸越小网站加载速度就越快,这样就越好,实际上,尺寸的大小还要考虑很多因素,并不是一厢情愿的想法。否则网页显示会显得杂乱缺少逻辑感。比如重要的标志和其相对于的内容尽量切在一起。针对有圆角的图片,可以将圆角部分单独切出来,然后合并在一起。
还有,就是保存格式,颜色单一无渐变的的,一般存储为GIF,颜色过渡比较多,颜色丰富的比如相机拍摄的图片一般存储为JPG,有动画的部分一般存储为GIF动画,需要特别注意的是,如果图片是透明无底图,最好存储为png-8的格式,其他的格式不支持透明。
最后,就是一个小细节方面的问题,养成给切片合理命名的好习惯。如果命名不规范,后期会增加很多不必要的麻烦,比如后期需要更换图片的时候,没有和内容对应的命名,那可能就需要在图片地址中一个个去看,这是一个很头痛的事情。所以,合理命名能提高后期的工作效率。
以上就是个人总结的一点小技巧,在进行实际网站设计切片操作的过程中,大家可以运用起来,相信会给你带来很大的方便。
分享名称:网站设计中不得不了解的切图基本技巧
文章源于:http://lswzjz.com/view/132034.html