网页设计中ps切图注意问题
2010-10-13 11:34
134 查看
最近工作中老是用到ps切图,然后高手说我切图做的不好,在此去网上找了点材料汇集起来,作为参考:
网页设计的切图,最好先用PS做出效果图,然后进行切图。
一、切图的原则:
1、图切的大小越小越好。
2、图切的数量越少越好。
那对于一整张图来说,同时达到这两个原则是相互矛盾的,所以一个网页差不多切成20-30个图就可以了,这样网页的加载速度是不会受影响的。
二、切图的技巧:
1、一行一行的切图。
2、背景的切成小条。
3、不能分开的不分好了,选行的时候要注意怎么样合理。
4、切图的时候要放大至少到300%,因为一次移动一个像素就非常明显,否则肯定是不能会有遗漏,不会达到和原图一样的效果,切图完成后就好检查一下隔行的像素值加起来是不
是整个图片的宽度,一定要仔细
注意:图片应该是平均切,而不是大一块,小一块的,以免图片出现速度不平衡,切图切的好不好,在我们打开这个站点时候看到图片出来的先后顺序和速度是可以发觉的。
高手说过图片上有大段的文字的时候一定要切出文字,不然不利于搜索引擎的优化,虽然了解一些seo,但从未涉及过网页图片的切图,看来以后要好好学习了
网页设计的切图,最好先用PS做出效果图,然后进行切图。
一、切图的原则:
1、图切的大小越小越好。
2、图切的数量越少越好。
那对于一整张图来说,同时达到这两个原则是相互矛盾的,所以一个网页差不多切成20-30个图就可以了,这样网页的加载速度是不会受影响的。
二、切图的技巧:
1、一行一行的切图。
2、背景的切成小条。
3、不能分开的不分好了,选行的时候要注意怎么样合理。
4、切图的时候要放大至少到300%,因为一次移动一个像素就非常明显,否则肯定是不能会有遗漏,不会达到和原图一样的效果,切图完成后就好检查一下隔行的像素值加起来是不
是整个图片的宽度,一定要仔细
注意:图片应该是平均切,而不是大一块,小一块的,以免图片出现速度不平衡,切图切的好不好,在我们打开这个站点时候看到图片出来的先后顺序和速度是可以发觉的。
高手说过图片上有大段的文字的时候一定要切出文字,不然不利于搜索引擎的优化,虽然了解一些seo,但从未涉及过网页图片的切图,看来以后要好好学习了
相关文章推荐
- 网页设计必须注意和掌握的几个问题
- 设计网页时IE6中10个不得不注意的问题
- 网页设计必须注意的29个问题
- 网页设计中应注意的细节问题
- 网页设计-[常用CSS缩写语法总结、标准的N种死法及网页设计必须注意的几个问题 ]
- 网页设计必须注意的29个问题
- 忠告:网页设计必须注意的29个问题
- 设计网页时IE6中10个不得不注意的问题
- 网页设计中input标签写CSS时需要注意的几个问题
- 网页设计必须注意的几个问题
- 网页设计应注意哪些问题
- 如果网页内容需要支持多语言,你会怎么做?在设计和开发多语言网站时,有哪些问题你必须要考虑?
- 数据库设计中应注意的问题
- 网页开发时的注意事项(关于编码问题)
- 记录网页爬虫注意的几个问题
- 设计缓存系统时应该注意的几点问题
- 网页设计中需要注意的WEB安全色谱
- PS网页设计教程VIII——在Photoshop中设计不同寻常布局
- 网页设计前端页面制作的规范要求和注意事项
- 解决网页设计中网页元素错乱的问题