网站制作中切图相关技巧
文 / NaNa许 / 2017-03-14
网站制作中需要把设计效果图进行切图处理后再去制作网页,看起来很简单,但是也需要用到一些技巧,下面是昭歌信息给大家分享的几个网站制作中切图相关技巧。
网站制作中需要把设计效果图进行切图处理后再去制作网页,看起来很简单,但是也需要用到一些技巧,下面是昭歌信息给大家分享的几个网站制作中切图相关技巧。
网站制作
1、在导航条制作上,建议不要直接切图,而是用div定义好宽和高设置背景色和边框,仅用到一行代码,假如遇到渐变色的背景,只要沿着与渐变色相同方向切一个像素的条纹,用css中background的repeat-x或repeat-y来自动填充即可。
2、对于切割效果图的图片保存格式也要注意一下,一般来说,图像工具制作的色彩绚丽的按钮或图标一般都存成png格式,而相机拍摄的风景或人物、物体图像多以jpg格式保存,gif通常用来存储含有简单动画效果的图像,注意如果图片中使用了透明效果,最好要存储成png-8的格式,因为png的其他格式要么不支持透明,要么保存时文件要大很多。图标也一般用png格式为好。
3、对于保存那些用作背景或衬托效果的颜色较多的图片时,尽可能从清晰度和图片大小中找到一个平衡,既保证图片尽可能小又不失真。切忌不压缩图片直接放上去,然后靠width和height来进行限制。
4、切好图片后命名方面也应养成好习惯,最好是见其名能知其意,这对于以后的网站改版和维护来说都会比较有效率的查找使用。
以上就是网站制作中切图相关技巧了,希望对大家能有所帮助。
文章由上海网站建设公司昭歌信息整理发布https://www.zhaoge.net/,转载请注明出处