常用Web图像格式简述:bmp/jpg/gif

2016-02-19 17:30 20 1 收藏

最近很多朋友喜欢上设计,但是大家却不知道如何去做,别担心有图老师给你解答,史上最全最棒的详细解说让你一看就懂。

【 tulaoshi.com - Web开发 】

  一、BMP 图像文件

  BMP图像文件最早应用于Windows操作系统,是Windows操作系统中的标准图像文件格式,是最简单的图像格式。

  BMP图像格式非常简单,仅具有最基本的图像数据存储功能,能存储每个像素1位、4位、8位和24位的位图。虽然它提供的信息过于简单,但是由于 Windows系统的普及以及BMP本身具有格式简单、标准、透明的特点,BMP图像文件格式得到了推广,它一般应用于Windows系统下的屏幕显示以及一些简单图像系统中。

  这种格式的特点是包含的图像信息较丰富,几乎不压缩,但由此导致了它与生俱生来的缺点--占用磁盘空间过大。现在很少会在网页中使用。

  一张24位的800×600的bmp格式图形文件大小:

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

  800×600×3byte=1440000byte≈1440byte≈1.44M

  二、GIF 图像文件

  GIF格式的特点是压缩比高,磁盘空间占用较少,所以这种图像在网页中运用很多。

  GIF的两种版本:

GIF87a:只是简单地用来存储单幅静止图像。

  GIF89a:可以同时存储若干幅静止图象进而形成连续的动画,使之成为支持 2D动画的格式。可指定透明区域,使图像具有非同一般的显示效果,这更使GIF风光十足。目前Internet上大量采用的彩色动画文件多为这种格式的文件。像素画。QQ秀,QQ空间等N多QQ的东西。

  GIF图像格式还增加了渐显方式,也就是说,在图像传输过程中,用户可以先看到图像的大致轮廓,然后随着传输 过程的继续而逐步看清图像中的细节部分,从而适应了用户的"从朦胧到清楚"的观赏心理。

  

  由于8位存储格式的限制,使其不能存储超过256色的图像,适合在图片颜色总数少于256色的使用。

  让GIF格式达到最佳显示效果的方法:

如果色系较少,颜色少于256,调色板可以选择为精确。

  不要选失真。

  一般情况,调色板选择最合适,最大颜色数选择256。如果色彩稍多于256色,可将抖动设为100%。

  为防止边缘出现锯齿,不需要透明的时候,尽量不透明。

  一个小技巧:

  

  如需将网页切片导出成gif格式的时候,如果色彩较丰富,不宜一起导出,而应该将切片一个一个的导出。如下图的按钮:

  

  三、JPEG 图像文件

  JPEG文件的扩展名为.jpg或.jpeg,其压缩技术十分先进,它用有损压缩方式去除冗余的图像和彩色数据,获取得极高的压缩率的同时能展现十分丰富生动的图像,换句话说,就是可以用最少的磁盘空间得到较好的图像质量。

  JPEG 2000同样是由JPEG 组织负责制定的,与JPEG相比,它具备更高压缩率以及更多新功能的新一代静态影像压缩技术。

  JPEG2000 作为JPEG的升级版,其压缩率比JPEG高约30%左右。与JPEG不同的是,JPEG2000 同时支持有损和无损压缩,而JPEG只能支持有损压缩。无损压缩对保存一些重要图片是十分有用的。

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

  JPEG2000的一个极其重要的特征在于它能实现渐进传输,这一点与GIF的渐显有异曲同工之妙,即先传输图像的轮廓,然后逐步传输数据,不断提高图像质量,让图象由朦胧到清晰显示。

  

  此外,JPEG2000还支持所谓的"感兴趣区域"特性,你可以任意指定影像上你感兴趣区域的压缩质量,还可以选择指定的部份先解压缩。

  使用jpg图像的注意点:在图像质量和文件尺寸之间找到平衡点。一般80%的压缩率是比较合适在网页中使用的。

来源:https://www.tulaoshi.com/n/20160219/1615385.html

延伸阅读
标签: Web开发
好久没有更新博客了,也让很多朋友失望了。最近一直很忙,当然了忙是借口,实在是懒。人啊,真的不能懒,一懒身上毛病就越来越多,然后就会越懒越懒。所以从今天开始要重新开始更新博客。闲言少叙,我们进入正题。(最近评书相声听多了,用语也有点不伦不类。) 今天有个学生问我:页面中使用GIF格式,失真太大,怎么办呢?这个问题比较简单啊...
标签: CorelDRAW
索引色 一些比较老旧的电脑相关硬件和文件格式只能处理 8 位的像素。3 个色频在 8 位的显示设备上所能表现的色彩范围实在是太少了,因此 8 位的显示设备通常会使用索引色来表现色彩。当你使用索引色时,显示系统或是图像文件通常会伴随着256色的色彩一览表或调色盘。系统会根据每个像素的 8 位数值辨认出所使用的色彩有哪些。索...
标签: CorelDRAW
    色彩配对与 Gamma 值校正 我们在处理RGB的图像时经常遭遇到一个非常令人讨厌的问题,那就是色彩的准确度问题。RGB 的图像往往会因为搭配的硬件有所不同而出现不一致的结果。所以经常出现的问题就是--在某一操作平台所制作的图像到了另外一台机器上看就不是那么回事了。例如,一张在 PC 上制作出的杰作移到了MAC上浏览就...
flywolf(mailto:flywolf@ynmail.com) 最近,我偶然发现了一个超星 - BMP的方法。 首先,请下载最新的超星3.4Beta 7,安装后,运行Delphi5,选择Component-Import ActiveX Control,然后,你会发现Import ActiveX中有一个选择为Pdg2 Type Library(Version 1.0).....,剩下的事不用我说了吧。 我的方法: procedure TMa...
最近,我偶然发现了一个超星 - BMP的方法。 首先,请下载最新的“超星3.4Beta 7”,安装后,运行Delphi5,选择Component-Import ActiveX Control,然后,你会发现“Import ActiveX”中有一个选择为“Pdg2 Type Library(Version 1.0)”.....,剩下的事不用我说了吧。 我的方法: procedure TMainForm.PdgToBmp(FPdgN...

经验教程

314

收藏

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