jpeg格式

做了几年有关图形、图像的工作，对图片格式算是小有经验，在此写成一文章总结下。虽然一开始并不想讲很理论的东西，但写完后发现几乎全是理论，细想一下关于图片格式的知识本身就是理论的东西，囧~~ 那就力求用最简单的方式将这些“理论”讲清楚吧。 常见的图片格式有bmp, jpg(jpeg), png, gif, webp等。 图像基本数据结构 要讲图片格式还先得从图像的基本数据结构说起。在计算机中, 图像是由一个个像素点组成，像素点就是颜色点，而颜色最简单的方式就是用RGB或RGBA表示, 如图所示 (图1) (图2) 如果有A通道就表明这个图像可以有透明效果。 R,G,B每个分量一般是用一个字节(8位)来表示，所以图(1)中每个像素大小就是3*8=24位图, 而图(2)中每个像素大小是4*8=32位。 这里有三点需要说明: 一、图像y方向正立或倒立 图像是二维数据，数据在内存中只能一维存储，二维转一维有不同的对应方式。比较常见的只有两种方式: 按像素“行排列”从上往下或者从下往上。 如图所示的图像有9个像素点，如果从上往下排列成一维数据是(123456789)， 如果是从下往上排列则为(789456123)。 只所以会有这种区别是因为，前一种是以计算机图形学的屏幕坐标系为参考(右上为原点,y轴向下 )，而另后一种是以标准的数学坐标系为参考(右下为原点,y轴向上)。这两个坐标系只是y值不一样

谈到优化网站性能时，主要目标之一就是减少要发送到浏览器的数据量（即 payload）。而当前，图片通常是页面构成中最耗费流量的部分，因此降低图片的大小是一个最为有效的优化网页 前端性能 的办法。 有很多工具可以压缩图像，以便减少文件大小，但仍然在一定程度上受文件类型的限制， 图像编码 的方式对最终生成文件的大小有很大的影响。 在这篇文章里将介绍一种被称为 WebP 的新型图片格式，旨在在不影响用户体验的情况下减少图片的大小。 #####一.WebP是什么? WebP 是由谷歌开发的一种图像格式，与 JPEG 图像相比，这种格式最多可以减少图片文件大小的 34%。从而显著优化页面加载时间和带宽使用情况。 上图是 JPEG 和 80% 压缩质量的 WebP 图像之间的比较 ，来源于 Luc Viator, Creative Commons Attribution-Share Alike 3.0 Unported. 根据谷歌团队的介绍，自从去年 Chrome Web Store 转而使用 WebP 后，整个网站图片的大小平均减少 30%。这相当于每天节省了数 tb 的带宽！谷歌的 Play Store 目前也使用 WebP 格式储存图像。 WebP 格式支持 无损 和 有损 的图像压缩、alpha 通道透明度、颜色配置文件、元数据和动画，这些特性使 WebP

前言 随着web的发展，网站资源的流量也变得越来越大。据统计，60% 的网站流量均来自网站图片，可见对图片合理优化可以大幅影响网站流量，减小带宽消耗和服务器压力。 有时候你花大力气去配置 webpack 使打包体积减少，不如好好优化几张图片，这篇文章就是让你明白如何选择正确的图片，并且让你明白这么多图片格式，在什么场景下使用什么格式，如果想看答案，那么直接滑到文末看图即可。 基本概念 在进入正题之前，先聊聊一些图片相关的基本概念。 一张照片（位图）不断放大之后，会看到一个个小格子，这些小格子，叫像素。 一个格子（像素），在计算机中，用二进制来表示，使用的二进制位数越多，像素的色彩就越丰富。 举个🌰，如果一个像素用一位二进制数表示，能有多少种颜色呢？ 两种，一个二进制位，要不放 0（表示黑色），要不放 1（表示白色） 下图展示了一个像素二进制的位数最多可以展示多少种颜色。 在对图片有了基本的了解之后，接下来对图片进行分下类，有利于理解各种格式图片的特点。 根据图的类型分类 点阵图(位图) 矢量图 位图(点阵图) 位图，也叫做点阵图，像素图。构成点阵图的最小单位是像素，位图就是由像素阵列的排列来实现其显示效果的， 每个像素有自己的颜色信息 ，在对位图图像进行编辑操作的时候，可操作的对象是每个像素，我们可以改变图像的色相、饱和度、透明度，从而改变图像的显示效果。

注：在存储图像时采用JPG还是PNG主要依据图像上的 色彩层次和颜色数量 进行选择 一、.jpg/jpeg格式的图片(jpg全名：jpeg) JPG（或是JPEG）： 优点： 　　（1） 占用内存小，网页加载速度快 　　（2）主要用于摄影作品或者写实作品（或者其他细节、 色彩丰富的图片）或大的背景图；对多色彩表现较好，不适于文字较多的图片 。根据我们在页面中使用的商品图片、采用人像或者实物素材制作的广告banner等图像更适合采用jpg的图片格式保存 缺点： 　　 jpg格式图片是有损压缩的图片，有损压缩会使原图片数据质量下降，即jpg会在压缩图片时降低图片品质。 二、PNG格式的图片 .png： 优点： 　　（1） png格式图片是无损压缩的图片，能在保证最不失真的情况下尽可能压缩图像文件的大小。 　　（2） 图片质量高；色彩表现好；支持透明效果 ；提供锋利的线条和边缘，所以做出的logo等小图标效果会更好；更好地展示文字、颜色相近的图片。 　　（3）PNG用来存储灰度图像时，灰度图像的深度可多到16位，存储彩色图像时，彩色图像的深度可多到48位，并且还可存储多到16位的α通道数据。 　　 (4) 所含颜色很少、具有大块颜色相近的区域或亮度差异十分明显的较简单的图片则需要采用PNG。 但也会有一些特殊情况， 例如有些图像尽管色彩层次丰富，但由于图片尺寸较小

文章转自 https://zhidao.baidu.com/question/15311803.html https://support.microsoft.com/zh-cn/help/320314/description-of-the-guidelines-for-selecting-the-appropriate-picture-fo 图片格式：光栅图片 BMP：Windows 位图 PCX：PC 画笔 PNG：可移植网络图形 JPEG：联合摄影专家组 GIF：图形交换格式 TIFF：标记图像文件格式 图片格式： 矢量图片 DXF：AutoCAD 绘图交换文件 CGM：计算机图形 图元文件 CDR：CorelDRAW! WMF：Windows 图元文件 EPS：Encapsulated PostScript EMF：增强型 图元文件 PICT：Macintosh 图片 图片格式：光栅图片 BMP：Windows 位图 Windows 位图可以用任何 颜色深度 （从黑白到 24 位颜色）存储单个光栅图像。Windows 位图文件格式与其他 Microsoft Windows 程序兼容。它不支持文件压缩，也不适用于 Web 页。 从总体上看，Windows 位图文件格式的缺点超过了它的优点。为了保证照片图像的质量，请使用 PNG 文件、JPEG 文件或 TIFF 文件。BMP

JPEG/JPG Joint Photographic Experts Group的首字母缩写。JPEG图片以24为颜色存储单个光栅图像。JPEG是与平台无关的格式，支持最高级别的压缩，不过这种压缩是有损耗的。可以提高或降低JPEG文件压缩的级别。但是，文件大小是以图像质量为代价的。文件压缩比可以高达100:1.（JPEG格式可以在10:1到20:1的比例下轻松压缩文件而图片质量不会下降）JPEG压缩可以很好地处理写实摄影作品。但是对于颜色较少、对比级别强烈、实心边框或纯色区域大的简单的作品，JPEG压缩无法提供理想的结果。有时压缩比会低到5:1，严重损失了图片的完整性。这一损失产生的原因是，JPEG压缩方案可以很好地压缩类似的色调，但是JPEG压缩方案不能很好地处理亮度的强烈差异或处理纯色区域。 优点： 摄影作品或写实作品支持高级压缩，压缩比可以达到其他传统压缩算法无法比拟的程度。 利用可变的压缩比可以控制文件大小。 支持交错（对于渐进式JPEG文件）。 广泛支持Internet标准。 缺点：有损压缩会使原始图片数据质量下降。当编辑和重新保存JPEG文件时，JPEG会混合元素图片数据的质量下降，这种下降是累计性的。JPEG不适合用于颜色很少、具有大块颜色相近的区域或亮度差异十分明显的较简单的图片。 PNG PNG（Portable Network Graphic format

JPG jpg全名是JPEG 。JPEG 图片以 24 位颜色存储单个光栅图像。JPEG 是与平台无关的格式，支持最高级别的压缩，不过，这种压缩是有损耗的。渐近式 JPEG 文件支持交错。 jpg功能　　 可以提高或降低 JPEG文件压缩的级别。但是，文件大小是以牺牲图像质量为代价的。压缩比率可以高达 100:1。（JPEG 格式可在 10:1 到 20:1 的比率下轻松地压缩文件，而图片质量不会下降。）JPEG 压缩可以很好地处理写实摄影作品。但是，对于颜色较少、对比级别强烈、实心边框或纯色区域大的较简单的作品，JPEG 压缩无法提供理想的结果。有时，压缩比率会低到 5:1，严重损失了图片完整性。这一损失产生的原因是，JPEG 压缩方案可以很好地压缩类似的色调，但是 JPEG 压缩方案不能很好地处理亮度的强烈差异或处理纯色区域。 jpg优缺点 　　优点：摄影作品或写实作品支持高级压缩。 　　利用可变的压缩比可以控制文件大小。 　　支持交错（对于渐近式 JPEG 文件）。 　　广泛支持Internet 标准。 　　由于体积小，jpg在万维网中被用来储存和传输照片的格式。 　　缺点：有损耗压缩会使原始图片数据质量下降。 　　当您编辑和重新保存 JPEG 文件时，JPEG 会混合原始图片数据的质量下降。这种下降是累积性的。 　　JPEG 不适用于所含颜色很少