分析三种常用图片格式的运用

2016-01-29 19:41 31 1 收藏

分析三种常用图片格式的运用,我们最理想的图片是容量小质量高清晰的,这得根据不同图片的性质选择不同的输出格式。网上现今常用的图片格式有jpg、gif、png,至于bmp、svg、tif等格式由于文件大或浏览器不支持等原因不建议使用。

【 tulaoshi.com - PS 】

我们最理想的图片是容量小质量高清晰的,这得根据不同图片的性质选择不同的输出格式。网上现今常用的图片格式有jpg、gif、png,至于bmp、svg、tif等格式由于文件大或浏览器不支持等原因不建议使用。

常用图片格式的特点:

jpg 有损、文件小
是一种有损压缩格式,能够将图像压缩在很小的储存空间,图像中重复或不重要的资料会被丢失,因此容易造成图像数据的损伤。

gif 无损、≤256色、动画、支持背景透明
是一种基于LZW算法的连续色调的无损压缩格式。其压缩率一般在50%左右,它不属于任何应用程序。目前几乎所有相关软件都支持它,公共领域有大量的软件在使用GIF图像文件。

png 无损、支持背景半透明(IE6下得用滤镜)
是网上接受的最新图像文件格式。PNG能够提供长度比GIF小30%的无损压缩图像文件。它同时提供 24位和48位真彩色图像支持以及其他诸多技术性支持。

做些试验

图像

格式 jpg gif png 大小 994字节 2.55kb 2.01kb 质量 不清楚 清楚 清楚

类似这种规则渐变色彩比较丰富的输出为png。比如body里大背景渐变、水晶风格按钮等。

图像

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/) 格式 jpg gif png 大小 1.29kb 273字节 438字节 质量 不清楚 清楚 清楚

色彩比较单纯的小图输出成gif。常常应用在一些小按钮和icon小图标上。

图像

格式 jpg gif png 大小 7.42kb 15.1kb 35.1kb 质量 还行 清楚 清楚

人像风景类色彩非常复杂的图输出为jpg。这里gif图看上去也不错,但是如果图片尺寸稍大一点你就会发现它们的容量大小和图片质量会有明显的差距。

另外,gif动画的局限性很大,但它在网上使用得非常频繁,它只适用于色彩比较简单的小图,而对于人像风景类大图是不建议做成gif动画的,因为那样的图片大小和质量都是很吓人的。gif和png都可以背景透明,png还支持半透明,但IE6以下不支持,需要使用滤镜。

来源:http://www.tulaoshi.com/n/20160129/1509914.html

延伸阅读
近年来,计算机价格下降很快,硬件产品的更新更是一日千里,许多家庭都渐渐添置了两台,甚至两台以上的电脑。再加上网络的普及,组建家庭网络就逐渐提上了日程。 大家都知道,家庭组网是一项经济便利的选择,它不仅方便了数据的交换,而且可大幅度地降低后置PC的投资。文件共享使得你可以在一台机子上访问另外一台机子的文档;家庭成...
网页设计中,切图输出是指设计师将手边绘制完成的原始图稿转换成网页用的图片格式、并交由下一位人员网页排版的重要步骤。选择适合的图片格式不但可以将让设计得到合理的显示效果、甚至还可以有效的控制图档的档案大小,节省下载时间、有效的减少服务器的负担。 以设计师最常用的 Photoshop 以及 Illustrator 为例,都提供了「储存为网页用」...
标签: SQLServer
表中主键必须为标识列,[ID] int IDENTITY (1,1) 1.分页方案一:(利用Not In和SELECT TOP分页) 语句形式:   SELECT TOP 10 *   FROM TestTable   WHERE (ID NOT IN             (SELECT TOP  20  id &n...
标签: Web开发
关于输入表单的三种常用布局,大家应该都比较熟悉了, 第一种是这样,称为右对齐/左对齐,左边的标签右对齐,右边的输入框左对齐(来自yahoo): 第二种是左对齐/左对齐,左边的标签左对齐,右边的输入框左对齐(来自Google): 另一种方式是标签在上,输入框在下(来自豆瓣): (以上源页面版权归各网站所有,红色或绿色的指示...
标签: 分娩
麻醉属于侵入性的处置,所以一定有其副作用及并发症,但其实麻醉是在帮助产妇度过生产过程,减轻疼痛,并在发生产科并发症或急症时,协助产妇及胎儿维持生命征象。 所以在了解麻醉的必要性及风险后,并不需要害怕麻醉。 生产常用的麻醉方式,包括局部麻醉及全身麻醉。各有其优缺点、适应症及禁忌症。 局部麻醉——脊椎...

经验教程

142

收藏

92
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部