zoukankan      html  css  js  c++  java
  • gif,png,jpg的区别

    GIF图片格式

    1987年诞生,常用于网页动画,使用无损压缩,支持256种颜色(一般叫8 bit彩色)。它的色彩效果最低,一般色彩鲜艳的图片不会用GIF来保存。

    GIF分为静态GIF和动态GIF,扩展名为.gif,是一种压缩位图格式,支持透明背景图像,适用于多种操作系统,“体型”很小,网上很多小动画都是GIF格式。

    其实GIF是将多幅图像保存为一个图像文件,从而形成动画,所以GIF仍然是图片文件格式。但GIF只能显示256色。一般我们在网页中看到的动态图片一般都是GIF格式的。

    它的优点是:体积小,有极好的压缩效果,支持动画,支持透明效果。缺点是:色彩效果差。

    GPEG图片(简称jpg)

    1992年出世,数码相机保存图片最常用的格式,有损压缩,24bit真彩色(224=17万种颜色)。

    JPEG在图片压缩有优势,不过它是有损压缩,图片质量会有所损失。一般屏幕截屏用PNG格式,它比JPEG质量高而且文件大小更小。

    它的优点是:色彩还原好,可以在照片不明显失真的情况下,大幅降低体积,网站上图片想要给出最自然最风景类的图片最好用JPG;缺点是不支持动画,不支持透明。

    PNG图片格式

    1996年问世,无损压缩,最常见的使用格式是256索引色(PNG-8)和24bit真彩色(PNG-24)(当然PNG支持的颜色格式远不止此),支持full alpha通道(256级可调半透明色),不支持动画。

    PNG应该在网站设计上被推广,它是公认的最适合网页使用的图片格式。Google就是一个很好的例子。Google所有站点几乎全部的图片资源都是PNG格式。8位PNG完全可以替代掉GIF。

    它的优点是:清晰,无损压缩,压缩比较很高,可渐变透明,具备几乎所有GIF的优点;缺点是不如JPG的颜色丰富,同样的图片体积也比JPG略大。

    在网络中一般小图标中很多图片格式都采用png,可以直接作为素材使用,因为它有一个非常好的特点:背景透明。PNG有着另一个 优点,那就是逐次逼近显示(progressive display):传输图像文件的同时,可以先把整个轮廓显示出来,然后逐步显示图像的细节,即先显示低分辨率显示图像,从模糊到清晰,然后表叔提高它的分辨率。这是一个很好的用户体验。

    各方面比较

    大小比较:通常地,PNG ≈ JPG > GIF

    透明性: PNG > GIF > JPG

    色彩丰富程度: JPG > PNG > GIF

    兼容程度: GIF ≈ JPG > PNG

    注意,IE6下PNG的透明是不能显示的,有其对应的Hack方法。

  • 相关阅读:
    Bugs及解决方案列表
    CSS技巧和经验
    我的越权之道
    密码找回逻辑漏洞总结
    业务安全漏洞挖掘归纳总结【转载】
    User Agent
    影响网站页面打开速度的三个因素
    iframe 透明
    ie对行高line-height的诡异解释
    A标记点击后去掉虚线
  • 原文地址:https://www.cnblogs.com/sunshinegirl-7/p/5185735.html
Copyright © 2011-2022 走看看