zoukankan      html  css  js  c++  java
  • 网页制作常用图片格式

    jpg(jpeg)

    jpeg(Joint Photographic Experts Group)常见的一种有损压缩的图片格式。它用于去除冗余的图像和彩色数据,获取得极高的压缩率的同时能展现十分丰富生动的图像。但因DOS、Windows 95等早期系统采用的8.3命名规则只支持最长3字符的扩展名,为了兼容采用了.jpg。

    png

    png是一种无损压缩的图片格式

    当原图片数据被编码成png格式后,是可以完全还原成原本的图片数据的,而编码成jpeg则会损耗一部分图片数据,这是因为两者的编码方式和定位不同。jpeg着重于人眼的观感,保留更多的亮度信息,去掉一些不影响观感的色度信息,因此是有损压缩。png则保留原始的所有的颜色信息,并且支持/alpha通道,然后采用无损压缩进行编码。

    因此对于jpeg来说,通常适合颜色更丰富,可以在人眼识别不了的情况下尽可能去掉冗余颜色数据的图片;而png适合需要保留原始图片信息、需要支持透明度的图片。

    png保存图片有多种不同的像素深度和像素格式可以选择。

    png-32:

    每个像素的深度为32bits, 其中RGBA四个通道各占8bits。所谓的RGBA四个通道,就是红,绿,蓝,透明这四种色值各自的大小,都用8bits来表示。

    png-24:

    PNG-24像素深度为24bits, 其中RGB三个通道各占8bits。PNG-24因为没有Alpha通道(透明通道),所以不支持透明图片

    png-8:

    PNG-8将图片中用到的每种颜色都存储在一个长度为255的数组中,称之为条色盘,然后每个像素上存储对应颜色在条色盘上的位置。因为颜色上限是255种,所以每个像素只需要8bits就可以表示对应的颜色信息。这种表示颜色的方式被称之为索引色。PNG-8相比之下确实使用了更少的空间来存储颜色,但是他能表达的颜色种类是有上限的,所以在将PNG-32转换成PNG-8时会在一些颜色过渡的地方会明显的看到不平滑的渐变。

    webp

    WebP,一种同时提供了有损压缩于无损压缩,派生自图像编码格式VP8 。

    Webp,是Google新推出的影像技术,可让网页图档,有效进行压缩,同时又不影响图片格式兼容于实际清晰度,进而让整体网页下载速度加快。

    由于目前互联网上传输的数据有65%都是图片,WebP就是出于减少数据量、加速网络传输的目的而开发的。为了改善JPEG的图片压缩格式,他们使用了一种基于VP8编码的图片压缩器,利用预测编码技术,同时还采用了一种基于RIFF的非常轻量级的容器。这种容器只会给每张图片增加20字节,但能让图片作者保存他们想要存储的元数据

    与JPEG相同,WebP是一种有损压缩利用预测编码技术。这种格式的主要优势在于高效率。他们发现,“在质量相同的情况下,WebP格式的图像的体积要比JPEG图像小40%。

    美中不足的是,WebP格式图像的编码时间比'JPEG格式图像长8倍'

    WebP源于Google的开源视频格式WebM

  • 相关阅读:
    arcgis api for javascipt 加载天地图、百度地图
    百度地图通过经纬度获取地址信息
    通过百度获取IP地址对应的经纬度
    黑马lavarel教程---13、分页
    legend3---6、legend3爬坑杂记
    黑马vue---1-7、vue杂记
    黑马在线教育项目---15-16、datatables插件
    尚学堂requireJs课程---3、私有和公有属性和方法
    尚学堂requireJs课程---2、模块
    尚学堂requireJs课程---1、作用域回顾
  • 原文地址:https://www.cnblogs.com/jett-woo/p/12491636.html
Copyright © 2011-2022 走看看