企业建网站应避免5个较差的设计效果
网站设计中的对话框选项巧妙设计
资讯>网页设计>网站制作中切图相关技巧

网站制作中切图相关技巧

文 / 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/,转载请注明出处

关注昭歌

热门标签

网站建设 响应式网站建设 网站建设维护 网络营销 SEO SEM 网站制作 网站设计 网站改版 网站建设公司

推荐文章

>从用户搜索习惯角度来谈公司网站制作

>响应式网页设计还有这些地方要完善

>网站改版成功的小诀窍

>这几个优秀的网页设计创意十足!

>行业网站制作对企业营销的影响

>php网站制作发展前景怎么样?

>网站建设“新规矩”:MIP页需加canonical标签

>常见的企业网站制作类型

>这样的手机网站制作方法有更好的用户体验!

>企业归属感是B2B行业网站制作的关键点

最新专题

三分钟看懂网站建设


喜欢来点赞

分享到:

网站制作中切图相关技巧

网页设计

<<
企业建网站应避免5个较差的设计效果...

>>
网站设计中的对话框选项巧妙设计...

相关标签 网站制作

我要提问(*)为必填项 更多问答>
热门资讯最新资讯

扫一扫,关注昭歌微信公众号

分享到微信朋友圈x
打开微信,点击底部“发现”,使用 “扫一扫” 将网页分享到朋友圈。

Call me back

给我回电,多一份方案,多一份选择

021-31434234
服务热线:021-31434234业务咨询:1850214766824小时在线客服: 地址:上海市松江区绿地伯顿商务中心