河南亿翁

售前免费咨询热线: 1 8 0 0 3 8 6 9 3 1 5

建站百科Website News

当前位置:首页 »网站设计中不得不了解的切图基本技巧

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

日期:2018-09-06 00:00:00 访问量: 来源:

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

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

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

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

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

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


专注互联网综合服务解决方案

探索互联网行业前沿资讯

及时获取较新优惠信息

官方微信

即刻关注 共享精彩

扫一扫

让我们做得更好!

微信ID:lovemaoyuan

www.henanyiweng.com

相关阅读Reading

扫描左侧二维码
关注亿翁微信公众号

河南亿翁信息科技有限公司  Copyright 2012-2018  henanyiweng.com  All rights reserved.

Email:2366541504@qq.com    邮政编码:46000    《增值电信业务经营许可证》豫B1.B2-20140011    豫ICP备19008874号-1

联系地址:河南亿翁科技    客服热线:18003869315

河南网站定制开发,网站运营,网站推广,微信代运营,广告设计(log),品牌设计,方案规划,河南亿翁,已为众多企业提供网站建设网站制作响应式网站设计手机网站建设虚拟主机云主机服务器租用等建站解决方案。

网络警察 12321垃圾信息举报 不良信息举报 中国文明网 河南工商