会考成绩查询-86考网
首页 范文 > IT技术专栏 > 网页制作 >

网页设计切图有什么作用,提高用户体验

作者:86考网 发布时间:2016-10-09 09:49:02

网站设,一般我们从设计师那得到的都是psd文件,里面有几十或者上百个图层(一般会根据内容分好文件夹),有文字有图片,有的只在特殊情况下显示的(比如鼠标划过),这时候就需要根据自己的需要导出不同的图。

切 图的时候也会有许多考虑,比如把哪些内容压缩成一张图片,什么时候用透明背景(PNG),什么时候用CSS Sprite(把琐碎的小图比如按钮、logo复制到一张透明背景的图上然后保存为一张图,再用background position去提取。)文字是切成图片,还是复制到HTML里。(一般情况下都不会把文字切成图,除非用到比较特殊的字体或者变形。)等等吗。然后即 使是用photoshop保存为web格式导出的图,有时候尺寸也是很大的(特别是PNG),这时要使用一些专业压缩工具进行二次压缩。

当然有些有前端经验的设计师会把切好的图片发给你,这样就可以直接开始写HTML和CSS了,但是我建议还是尽量自己切,掌握熟练的切图技巧也是一个前端应该有的技能。

阅读全文
标签: 没有tag

上一篇:如何让静态HTML代码在不同IE版本显示不同内容

下一篇:虚拟主机使用httpd.ini实现图片和文件的防盗链

相关推荐
猜你喜欢
本类最新