`
wayfarer
  • 浏览: 297679 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

GIF、JPG和PNG

阅读更多

从某种程度上说,判断一个网页设计师是否优秀,可以从其在WEB开发(或网页设计)中是否合理的采用各种图片格式得出结论。事实上,或许所有人都知道图片存在GIF,JPG和PNG等格式,但并非所有人都知道它们之间的具体区别和使用技巧。

 

1. JPEG
JPEG格式是一种大小与质量相平衡的压缩图片格式。通俗一点讲,就是:高的压缩比=低的图片质量=小的文件大小/低的压缩比=高的图片质量=大的文件大小。由于JPEG文件无法保持100%的原始图像的像素数据,所以它不被认为是一种无损图像格式。
用途:由于这种极其敏感的平衡特性,JPEG非常适合被应用在那些允许轻微失真的像素色彩丰富的图片(照片)场合。反之,JPEG格式图片并不适合做简单色彩(色调少)的图片,比如LOGO,各种小图标(ICONS)。

2. GIF
GIF格式,是为使图片能够应用在在线(online)应用程序上所特别开发的图片格式。Gif有时也被成为“Giff”,是一种无损,8位图片格式 。“无损”是指100%的保持原始图片的像素数据信息。专业名词“8位”是指所能表现的颜色深度:一个8位图像仅最多只能支持256种不同颜色(一个多余256种颜色的图片若用gif图片保存会出现失真)。
用途:由于8位颜色深度的限制,Gif不适合应用于各种色彩过于丰富的照片存储场合。但它却非常适合应用在以下场合:(1)Logo (2)小图标(Icon) (3)用于布局的图片(例如某个布局角落,边框等等) (4)仅包含不超过256种色彩的简单,小型图片场合。
透明 特性:GIF支持基本的透明特性,这意味着你能够使图片的某些像素“不可见”。在其被放置到网页中时,我们就可以看到通过这些不可见区域看到此图片后面的背景颜色(图片)。此特性非常有用:如果你需要将某个gif图片的内容置于所有图片的上层,你可以将其设置为透明。
压缩特性:GIF格式采用LZW算法进行压缩,此算法是Unisys申请的一项专利。在很久很久之前,如果你想使用GIF格式,那么就意味着你需要向Unisys付费申请专利许可。不过值得高兴的是,此项专利技术已于2003年6月20日过期,我们现在可以免费的使用GIF了!
隔行扫描 :GIF同时也支持隔行扫描。隔行扫描能够令图片在浏览器中更快的加载和显示。此特性对于那些慢网速的浏览者来说尤其实用。
动画 :一个动态的GIF文件,是由若干帧图片所联结而成的动态图片。在显示时,这些动态帧被反复的绘制读取出来从而形成了简单的动画效果。

3. PNG
PNG,读“ping”,初始时被作为GIF的免费替代格式所开发,采用公共专利压缩算法。PNG格式也是一种无损 压缩,支持隔行扫描 ,但与GIF格式不同的是,PNG不支持动画、PNG同时支持8位和24位的图像。
8位PNG图像:一个8位PNG图片,支持透明背景且像素颜色不能超过256种。除了压缩算法不同之外,此8位PNG格式与GIF格式极其相似。用途:8位PNG图片的用途与GIF格式基本相同。

24位PNG图像:24位PNG,支持160万种不同的像素颜色且支持Alpha透明效果(可变的透明度) ,这就意味着,无论透明度设置为多少,PNG图片均能够与背景很好的融合在一起。
对PNG的支持:由于PNG格式的广泛使用和开发者更加重视网页的WEB标准,不同浏览器对PNG的支持就显得相当重要了。不过,幸运的是,目前市场上主流的浏览器对PNG格式都有很好的支持。

 

4.PNG/GIF,隔行扫描

(1)PNG文件格式保留GIF文件格式的下列特性:
    1)流式读/写性能(streamability):图像文件格式允许连续读出和写入图像数据,这个特性很适合于在通信过程中生成和显示图像。
    2)逐次逼近显示(progressive display):这种特性可使在通信链路上传输图像文件的同时就在终端上显示图像,把整个轮廓显示出来之后逐步显示图像的细节,也就是先用低分辨率显示图像,然后逐步提高它的分辨率。
    3)辅助信息(ancillary information):这个特性可用来在图像文件中存储一些文本注释信息。
(2)隔行扫描(交错技术)
    有很多用户上网的速度很慢,有时候显示一张图片时等很久都不能显示图,如果没用交错技术的话用户要等图全下载完了才能看见。有交错技术那么图可以一部分一部分的显示出来。让用户可以提前知道内容。
    图像隔行扫描:电视是隔行扫描(De-Interlace),而电脑屏幕是逐行扫描,隔行扫描就是用来模拟电视屏幕的显示方式的,包括隔行GIF和逐级JPG方式
    1)交错图:如果图像是一幅交错图,则它在页面上逐步出现的时候,会以类似百叶窗的效果显示。PNG图像和GIF图像都支持这种交错格式 。隔行GIF是指图像文件是按照隔行的方式来显示的,比如先出奇数行,再出偶数行,造成图像是逐渐变清楚的。将图像文件保存成隔行GIF格式的方法是,在Photoshop中进行保存时,选择“Interlaced”(不要选择“Normal”),在Paint Shop Pro中进行保存时,点击“Option…”按钮,选择“Interlaced”(不要选择“Non Interlaced”)
    2)渐进图:如果图像是一幅渐进图,则它在页面上逐步出现的时候,会首先显示较模糊的整幅图像,然后逐渐变得清晰。这样,浏览者可以在下载过程中尽早了解图像的大致轮廓。JPG/JPEG图像支持这种渐进格式 。逐级JPG文件可以让图像先以比较模糊的形式显示,随着图像文件数据不断从网上传过来,图像会逐渐变清晰。这样做的好处是图像可以尽快地显示出来,虽然图像不很完美,但是却让浏览者看到了希望,并且图像在不断地变好。将图像文件保存成逐级JPG格式的方法是,在Photoshop中进行保存时,选择 “Progressive”,在Paint Shop Pro中进行保存时,点击“Option…”按钮,选择“Progressive encoding”。
(3)PNG文件头数据块包含有PNG文件中存储的图像数据的基本信息:Width、Height、ColorType、Compression method(压缩方法)、Interlace method(隔行扫描方法)等。其中Interlace method分为:0->非隔行扫描;1->Adam7(由Adam M. Costello开发的7遍隔行扫描方法)隔行扫描 ,才外据网络资料说,虽然MIDP支持0/1两种方式,然而当使用隔行扫描时MIDP却不会真正的使用隔行扫描方式来显示。

分享到:
评论

相关推荐

    关于jpg_png_gif

    关于JPG和PNG的基本信息介绍这里就不赘述了。另外这里我们也不对GIF进行讨论,是因为PNG就是为取代GIF而生的,而且PNG的压缩算法也要优于GIF,所以只要不是需要动画效果的地方强烈建议都采用PNG格式图片。 这里我们...

    gif-jpg-png.zip_GIF c++_gif_jpg web_png_png jpg

    这个压缩包文件"gif-jpg-png.zip"包含了一组C++源代码,专门用于处理三种常见的Web图像格式:GIF、JPEG(通常表现为.jpg文件)和PNG。让我们详细探讨这些格式以及如何在C++中进行处理。 1. GIF (Graphics ...

    PNG GIF JPG BMP转换成ICO工具

    PNG、GIF、JPG、BMP和ICO是常见的图像文件格式,各有其特点和应用场景。在数字图像处理中,了解这些格式并掌握如何相互转换是至关重要的。 1. PNG (Portable Network Graphics):PNG是一种无损压缩的图像格式,支持...

    实现GIF/JPG/PNG文件显示保存程序

    程序可以显示并保持GIF、JPG、PNG格式的文件,附带源代码,绝对值得研究

    图像处理,JPG GIF BMP文件显示,WEB常用图像格式文件(gif,jpg,png)处理开发包 dll

    总之,"图像处理,JPG GIF BMP文件显示,WEB常用图像格式文件(gif,jpg,png)处理开发包dll" 提供了一套全面的工具,便于开发者处理和管理Web上常见的图像格式。通过熟练运用DLL,开发者可以高效地实现图像加载、显示...

    WEB常用图像格式文件(gif,jpg,png)处理源代码

    本文将深入探讨三种最常见的Web图像格式:GIF、JPEG(JPG)和PNG,并提供处理这些格式的源代码概述。 1. GIF(Graphics Interchange Format) GIF是一种无损压缩格式,支持透明度和动画。由于其256色的色彩限制,...

    BMP转换jpg.gif.png

    "BMP转换jpg.gif.png"这个主题聚焦于三种常见的图像格式:BMP(Bitmap)、JPEG(Joint Photographic Experts Group)和PNG(Portable Network Graphics),以及它们之间的转换。 BMP是一种无损图像格式,由微软开发...

    WEB常用图像格式文件(gif,jpg,png)处理源代码.rar_gif_png

    本文将深入探讨三种最常见的Web图像格式:GIF、JPEG(通常表示为jpg)和PNG,并介绍如何处理这些文件的源代码。 1. GIF (Graphics Interchange Format): GIF是一种支持动画的无损压缩格式,常用于简单的动态图片和...

    常用图像格式文件(gif.jpg.png等)处理源代码.rar_gif_jpg_jpg 处理_png

    这个压缩包文件"常用图像格式文件(gif.jpg.png等)处理源代码.rar"包含了处理三种常见图像格式——GIF、JPEG(通常表现为.jpg)以及PNG的源代码。这些源代码对于开发者来说是宝贵的资源,因为它们提供了直接操作图像...

    bmp,jpg,png,gif图像相互转换

    本文将深入探讨bmp、jpg、png和gif这四种常见图像格式,以及如何实现它们之间的相互转换。 1. BMP(Bitmap)格式: BMP是一种无损的位图格式,不进行任何压缩,因此文件体积通常较大。它保存了图像的所有细节,...

    QT基于C语言读图片的宽高,支持gif、bmp、jpg、png

    QT基于C语言读图片的宽高,支持gif、bmp、jpg、png,分数最高只能这么多,有点少了

    c#读取图片(gif,png,jpg.bmp)

    在C#编程中,读取图像文件是常见的任务,包括GIF、PNG、JPG和BMP等格式。这些格式都是数字图像的常见表示,每种格式都有其特定的特性和用途。以下将详细介绍如何使用C#来处理这些类型的图片,并提供关于VS2008环境下...

    最好的GIF,JPG,PNG批量修改大小尺寸压缩图片的工具集共5个

    在IT行业中,图片处理是一项常见的任务,特别是在网页设计、社交媒体管理、内容创作等领域。...总之,这个工具集为处理大量GIF、JPG、PNG图片提供了便利,是IT从业者和业余爱好者不可或缺的辅助工具。

    PDF转JPG GIF PNG

    然而,有时我们需要将PDF文件转换为图像格式,例如JPG、GIF、PNG等,以便于在网页上展示、发送电子邮件或进行其他用途。这就是"PDF转JPG GIF PNG"软件的功能所在。 1. **PDF转JPG**: - JPG(Joint Photographic ...

    java实现多张png,jpg等各种图片文件转动态gif图

    在Java编程环境中,将多张PNG、JPG等格式的静态图片转换为动态GIF图像是一项常见的需求。这个过程涉及到图像处理和动画制作的技术。在本文中,我们将深入探讨如何利用Java来实现这一功能,同时关注如何设置各种参数...

    png是什么格式,png、jpg、gif格式区别.docx

    * PNG 格 式 在 图 片 质 量 和 文件 大 小 方 面 都 比 JPEG 好。 * GIF 格 式 只 在 简 单 动 画 领 域 有 优 势,但 是 GIF 只 能 显 示 256 种 颜 色。 在 选 择 图 像 格 式 时, 应该 根据 图 像 的 特 性 来...

    如何将jpg,png,gif图片变为WebP图片.zip

    相较于传统的JPEG、PNG和GIF格式,WebP在相同质量下能显著减少文件大小,这对于网络上的图片加载速度和网站性能优化具有重要意义。在当前的互联网环境中,WebP格式越来越受到重视,尤其是在网页设计和移动应用中。 ...

    jpg png gif to ico

    这个工具可能具有上述描述的所有特性,包括拖放操作和批量转换功能,帮助用户方便快捷地将.jpg、.png和.gif格式的图片转换为.ico图标。 总的来说,了解如何使用这样的图片转换工具对于设计人员、开发人员以及需要...

    VC图像显示(BMP/JPG/PNG/GIF)

    在VC++编程环境中,显示BMP、JPG、PNG和GIF等常见图像格式是常见的需求,尤其是在开发图形用户界面的应用程序时。本教程将详细讲解如何在VC++(这里特指VC++ 2010)中使用PictureControl控件来实现这些图像的显示,...

    JPG、PNG、GIF压缩原理与成像方式.doc

    在数字图像领域,JPG、PNG和GIF是三种常见的图片格式,每种都有其独特的压缩原理和成像方式。本文主要探讨的是JPG和PNG的压缩方法及其特点。 1. 矢量图与位图: - 矢量图:基于数学公式和几何形状创建的图像,如...

Global site tag (gtag.js) - Google Analytics