当前位置:首页 > DIV+CSS教程 > 正文

网页图片如何选择使用GIF格式或JPG格式

作者:××× 来源:aa25.cn 【 】 浏览: 添加日期:2008-11-30 我要评论(11)     

网页设计中,保证图片清晰的前提下,图片越小越好。因为这样可以减少带宽占用,加快网页打开速度。尤其对于门户网站和访问量很高的网站,如果图片都能比原来小10K的话,那么节省的带宽相当明显。那么就要求设计师在制作或生成图像时,选择合适的格式和质量,尽量把图片体积压缩的更小。下面就网上常用的两种格式gif和jpg该如何选择阐述下本人的看法。

何时选择gif格式?何时选择jpg格式?

对于gif和jpg格式的选择,没有固定的限制,但要把握好一点。图片色彩单一、由色块或文字组成,较少渐变色的尽量采用gif格式,这样可以减少很大体积;当图片色彩丰富,过渡色较多时建议采用jpg,下面看看两个例子。

看看本站的logo,同样尺寸的图片,保存成gif格式要比jpg格式小多了,把图片放大时会发现jpg格式会产生噪点,质量还不如gif,那当然要选择gif了,因为这个logo色彩非常单一。

看看上边这两张图片,从百度上搜索后截取了一部分,同时保存成两种格式,左边的是gif格式,右边的是jpg格式。从图片的属性看,gif格式大小为63.1KB,jpg格式大小为46.4KB,如果质量要求不高的话还可以再压缩。但从目前就可以明显看出,jpg格式要比gif清晰多了,gif格式自动把相似色彩改变成一种色彩,这也是上个例子中gif格式不产生噪点的原因。

通过这两个例子,相信你对网页设计中选择gif格式和jpg格式有所了解了吧,不过在实际应用当中,建议保存成两种格式,多对比,慢慢就会发现什么时候该用gif,什么时候该用jpg了。

(如果您觉得本站不错,请告诉身边的朋友,或转载到论坛、百度知道、贴吧等,记得带网址哟,不胜感激!)

〖DIV+CSS教程〗Tags: gif格式 jpg格式 图片格式选择 网页图片格式

更多评论(11)..会员评论

yunhuayu(121.32.*.*) 发表于:2013-07-13 20:07:19
这个网站真的很好很好,教程好详细,易懂~祝网站能越办越好~
netware(113.96.*.*) 发表于:2012-10-15 10:47:14
新手怎么学?
管理员回复:从这里一步一步的学
zbone(60.215.*.*) 发表于:2011-08-10 08:34:59
却是不错~现在网上有很多教人 DIV+CSS的 但是真么详细的不多~~至少我没有见到过~~老师能一步一的不厌其烦的讲解~注重每一个细节~~要是早点知道你们这个网站 我就少走很多弯路~~~~~~老师的讲解真是不错~不注册会员 不留言真是过去不去~~~~~
shanges(60.176.*.*) 发表于:2010-12-11 19:06:05
内牛满面
2263801(113.109.*.*) 发表于:2010-11-19 16:10:01
谢谢站长`..支持aa25 越办越好
xuexizhong(110.228.*.*) 发表于:2010-11-19 10:22:19
站长真是个细致的人!
管理员回复:^_^
浅浅(110.52.*.*) 发表于:2010-09-24 18:48:16
站长真是良师益友,世界上怎么会有这么细致认真严谨可爱的人吖~> <
管理员回复:目前这儿就有一个,嘿嘿
dnss(221.10.*.*) 发表于:2010-04-16 10:48:14
就一点,细!!!!!!!
管理员回复:

出差旅游免费预订酒店

【视频教程】新手常见问题