如果png文件太大，则会使用jpeg格式。在下文中，我将解释这些文件格式之间的主要区别以及它们各自的优点和缺点。 位图和矢量图形 各种图形格式之间最重要的区别是它们是位图还是矢量。...无损压缩可确保压缩后的图像与原始图像像素相同，而有损压缩则对一些图像进行降级，以换取较小的文件尺寸。...摄影图像很少具有彼此相邻的相同颜色和亮度。取而代之的是，图片在许多不同的比例上具有渐变和其他某种规则的模式。因此，对这些图像进行无损压缩通常效果不佳，因此，有损压缩就成了替代方案。...jpeg格式可以用于摄影图像。并且，如果图像同时包含摄影元素和线条图或文字，则仍应使用png或tiff。这些文件格式的最坏情况是图像文件变大，而jpeg的最坏情况是最终产品看起来很丑。...例如，将矢量图形保存为位图格式后，例如 pdf文件转换为jpeg格式，作为矢量图形的关键特征的分辨率独立性已丢失。相反，将jpeg图像保存为pdf文件并不能神奇地将图像转换为矢量图形。
BMP格式支持1~24位颜色深度，可用的颜色模式有RGB、索引颜色、灰度和位图等，但不能保存Alpha通道。BMP格式的特点是包含的图像信息比较丰富，几乎不对图像进行压缩，但其占用磁盘空间较大。...3、JPEG格式 JPEG格式是一种有损压缩的网页格式，不支持Alpha通道，也不支持透明。最大的特点是文件比较小，可以进行高倍率的压缩，因而在注重文件大小的领域应用广泛。...例如，网页制作过程中的图像比如横幅广告（banner）、商品图片、较大的插图等都可以保存为JPG格式。 4、GIF格式 GIF格式是一种通用的图像格式。它不仅是一种有损压缩格式，而且支持透明和动画。...它结合GIF和JPEG格式的优点，不仅无损压缩，体积更小，而且支持透明和Alpha通道。由于PNG格式不完全适用于所有浏览器，所以在网页中比GIF和JPEG格式使用的少。...在Photoshop中可以将图像保存为AI格式，并且能够在Illustrator和CorelDraw等矢量图形软件中直接打开并进行修改和编辑。
位图和矢量图如何抉择 那么说了这么多，我们该在项目中如何抉择使用哪个格式的图片信息进行图片信息的展示呢？...位图常见格式 上节中我们从内部实现原理角度来简单介绍了位图和矢量图。这节我们来位图中常见的格式(Gif/Png/JPeg/Webp)，并且每种格式各自的优缺点和对应的适用场景。...GIF文件适用于具有清晰边缘和线条以及少量颜色的图像。 GIF被大家熟知的就是表情包了。在各种社交app中层出不穷。然后它还可以用在公司官网用于展示较短的动态信息。...GIF vs JPEG GIF和JPEG之间的区别在于，对于具有有限色彩调色板的计算机图形（如图标、卡通图片），GIF是更好的选择，而JPEG是更适合照片和色彩丰富的图像，并且在打印时也表现良好。...在进行GIF与JPEG比较时，图像质量和文件大小是考虑的两个主要因素。 ❝如前所述，GIF和JPEG之间的一个显著区别是JPEG在压缩时会丢失数据，而GIF使用的是无损压缩算法。
，软件对图形相对应的函数进行运算，将运算结果[图形的形状和颜色]显示给你看。...JPEG JPEG是有损的、采用直接色的、点阵图。JPEG也是一种针对照片影像而广泛使用的有损压缩标准方法。JPEG图片格式的设计目标，是在不影响人类可分辨的图片质量的前提下，尽可能的压缩文件大小。...这意味着JPEG去掉了一部分图片的原始信息，也即是进行了有损压缩。JPEG的图片的优点，是采用了直接色，得益于更丰富的色彩，JPEG非常适合用来存储照片，用来表达更生动的图像效果，比如颜色渐变。...除此之外，PNG-8还支持透明度的调节，而GIF并不支持。 现在，除非需要动画的支持，否则我们没有理由使用GIF而不是PNG-8。...JPEG 文件小 有损压缩，画质损失 不考虑过好画质且需响应速度较快， 如大背景图 PNG-8 无损压缩， 支持透明 画质中等 应用于大多数中小图且要求画质比较好的需求 SVG 支持放大缩小而不影响画质
在对图片有了基本的了解之后，接下来对图片进行分下类，有利于理解各种格式图片的特点。 根据图的类型分类 点阵图(位图) 矢量图 位图(点阵图) 位图，也叫做点阵图，像素图。...常见的有损压缩手段，是按照一定的算法将临近的像素点进行合并。压缩算法不会对图片所有的数据进行编码压缩，而是在压缩的时候，去除了人眼无法识别的图片细节。...JPEG 是一种很典型的使用有损压缩图像格式，也就是说使用者每次进行 JPEG 的存档动作后，图档的一些内容细节都会遭到永久性的破坏，尤其是使用过高的压缩比例，将使最终解压缩后恢复的图像质量明显降低，如果追求高品质图像...因为有损压缩会导致图片模糊，而直接色的选用，又会导致图片文件较GIF更大。 有损耗压缩会使原始图片数据质量下降。 JPEG 图像不支持透明度处理，透明图片需要召唤 PNG 来呈现。...优点： SVG 可被非常多的工具读取和修改（比如记事本）。 SVG 与 JPEG 和 GIF 图像比起来，尺寸更小，且可压缩性更强。 SVG 是可伸缩的。
4、PNG格式图像 PNG是Portable Network Graphics的简写，它是便携式网络图形，PNG是一种无损压缩的位图片形格式，其设计目的是试图替代GIF和TIFF文件格式，同时增加一些...7、总结 每种类型图像都有不同的指标特点，总结如下： 7.1、有损vs无损 图片文件格式有可能会对图片的文件大小进行不同程度的压缩，图片的压缩分为有损压缩和无损压缩两种。 有损压缩。...构成点阵图的最小单位是象素，位图就是由象素阵列的排列来实现其显示效果的，每个象素有自己的颜色信息，在对位图图像进行编辑操作的时候，可操作的对象是每个象素，我们可以改变图像的色相、饱和度、明度，从而改变图像的显示效果...无论显示画面是大还是小，画面上的对象对应的算法是不变的，所以，即使对画面进行倍数相当大的缩放，其显示效果仍然相同(不失真)。 7.4、总结 图片的压缩方式有无损压缩和有损压缩两种。...4、JPEG（JPG）采用有损压缩和直接色，不适合用来存储企业Logo、线框类的图。因为有损压缩会导致图片模糊，而直接色的选用，又会导致图片文件较GIF更大。而适合作为摄影类的图片。.
图片的格式多种多样，总体上可以分为点阵图(位图)和矢量图两大类；常见的BMP、JPEG、PNG等格式都是点阵图形，而SVG、SWF等格式的图形属于矢量图形。...PNG（Portable Network Graphics）为可移植网络图形格式，也是一种位图文件存储格式，可以进行无损压缩， PNG格式因其支持透明的属性是网页中广泛使用的一种格式。...JPEG（Joint Photographic Experts Group，联合图像专家小组）是一种针对照片影像而广泛使用的有损压缩标准方法。 JPEG是最常见的图像格式，是不支持透明的。...GIF JPEG PNG8 PNG24 PNG32 创建年份 87年 92年 96年 96年 96年 是否有损压缩 无损 有损 无损 无损 无损 支持颜色数 256(8bit) 1670W(24bit)...最后简单总结一下 1）BMP是无压缩的位图，简单的根据尺寸和位深度，就可以算出来尺寸 2）png是常见的无损压缩方式，图片质量通常要比jpeg好 3）jpeg跟jpg简单可以理解为一样的，是常见的有损压缩方式
前面我们提到，GIF 为 LZW 中的 W 部分声明了专利，而剩下的 LZ 部分实际上就是 LZW 的原始算法——LZ77，它来自于名字首字母 L 和 Z 的两位大佬在 1977 年提出的压缩算法。...尽管细节不同，但基于动态字典的思路与 GIF 是类似的，这也保证了 PNG 具有高效的压缩效率。 JPEG: 有损压缩 事情已经发展到了这一阶段：PNG 几乎就要一统江湖了，但是为什么没有呢？...事实上，JPEG 比 PNG 的出现还要更早，但比起 GIF 粗暴的 256 色化和 PNG 偏执的无损压缩，JPEG 采取了一种更实用主义的策略：「面向人眼识别的有损压缩」。...这是 JPEG 有损压缩的最主要来源，通常 JPEG 压缩时可以选择压缩质量，影响的就是量化过程的系数。...当然不！ 在 WebP 诞生之初实际上不支持无损压缩和透明通道，并且它的有损压缩甚至不如 JPEG；但正是因为开源的力量，让 WebP 逐渐成为了目前最具优势的主流 Web 图片格式。
PNG 的开发目标是改善并取代 GIF 作为适合网络传输的格式而不需专利许可。...GIF：图像互换格式（Graphics Interchange Format）是一种位图图形文件格式，无损压缩、索引色。原始版本为 87a，1989 年发布 89a 版本，支持多帧动画和透明色。...GIF 的特性如下： 优秀的 LZW 算法在保证质量的同时将体积变的更小。 可插入多帧实现动画效果。 可实现透明效果。 最多支持 256 色，故不适用于真彩色图片。...（1 ~ 2 kb）就比较小，对比上 HTTP 请求连接、请求头内容、响应等的开销，就显得非常没必要了，那有没有可能将多张小图片合并成一张图？...下面针对不同图片格式的特性来做一下对比： 类型 动画 压缩类型 浏览器支持 透明度 GIF 支持 无损压缩 所有 支持 PNG 不支持 无损压缩 所有 支持 JPEG 不支持 有损压缩 所有 不支持 webP
“常见”：此处指BMP JPEG GIF PNG 四种。...如果图像带有调色板，则位图数据可以根据需要选择压缩与不压缩，如果选择压缩，则根据BMP图像是16色或256色，采用RLE4或RLE8压缩算法压缩。...JPEG（发音为jay-peg, IPA：[ˈdʒeɪpɛg]）是一种针对相片图像而广泛使用的一种有损压缩标准方法。...JPEG图像存储格式一个比较成熟的图像有损压缩格式，虽然一个图片经过转化为JPEG图像后，一些数据会丢失，但是，人眼是很不容易分辨出来这种差别的。...虽然PNG文件规范没有要求PNG编译码器对可选数据块进行编码和译码，但规范提倡支持可选数据块。
不支持 不支持 有损 所有 由画质决定 所有通用场景, 渐进式加载 gif 支持 支持 无损 所有 由帧数和每帧图片大小决定 简单颜色，动画 png 支持 不支持 无损 所有 由png色值位数决定 需要透明时...jpeg劣势： 它并不适合于线条绘图（drawing）和其他文字或图示（iconic）的图形,因为它的压缩方法用在这些图形的型态上,会得到不适当的结果； gif GIF(Graphics Interchange...在画质相同的情况下比jpeg小的多 使用一个很小的js解码器就可以被浏览器支持 基于高清视频压缩标准 (HEVC) 一个子集开发 支持和jpeg相同的色值，并且在有损压缩的通知支持透明， 单通道支持8...、有损压缩或格式转换，转为压缩后图片或压缩率更高的图片格式来实现 优势：减少图片加载流量，效果比较明显 劣势：服务器和浏览器压力增大，而且服务器需要额外的服务支持，格式转换要考虑浏览器的兼容性...四、小结 上面提供了web图片的一些格式特点和图片优化的可行方案，具体的场景需要考虑选择不同的方式来进行优化。
有损压缩 简介： 有损压缩是对图像本身的改变，在保存图像时保留了较多的亮度信息，而将色相和色纯度的信息和周围的像素进行合并。...JPEG 编码中 quality 越小，图片体积就越小，质量越也差，编码时间也越短。 PNG PNG 是一种采用无损压缩算法的位图格式。...无损压缩 PNG 文件采用 LZ77 算法的派生算法进行压缩，其结果是获得高的压缩比，不损失数据。...它利用特殊的编码方法标记重复出现的数据，因而对图像的颜色没有影响，也不可能产生颜色的损失，这样就可以重复保存而不降低图像质量。相对于 JPEG 和 GIF 来说，它最大的优势在于支持完整的透明通道。...它增加了对动画图像的支持，同时加入了 24 位图像和 8 位 Alpha 透明度的支持，这意味着动画将拥有更好的质量，其诞生的目的是为了替代老旧的 GIF 格式。
一、基于C#的Bitmap类 using System; using System.Collections.Generic; using System.Text; using System.IO; using...string bmpFilePath = "testBmp.bmp"; Bitmap m_bitmap = new Bitmap(bmpFilePath);//读取指定目录下的位图文件并构造位图对象...string jpgFilePath = "jpegResult.jpg"; m_bitmap.Save(jpgFilePath, ImageFormat.Jpeg...);//保存图片文件 //说明： //1.保存图片格式还有很多其它选择，比如gif,png等等 //2.可以将转换的结果保存为文件流...，也可以保存为内存流 } } } 说明：此方法只能基于WinXp下可以用，在WinCe下，构造位图那一语句是无法正常运行的，不知道为什么，可能是WinCe下没有提供这么高级的函数吧
Jpeg 和 PNG 是两种常用的图像压缩格式，不同场景需要不同质量的图像，本文记录python保存压缩图像控制图像质量的方法。...它采用位映射存储格式，除了图像深度可选以外，不采用其他任何压缩，因此，BMP文件所占用的空间很大。...JPEG（有损压缩） 联合照片专家组（外语简称JPEG外语全称：Joint Photographic Expert Group）JPEG也是最常见的一种图像格式，它是由联合照片专家组（外语全称：Joint...而且JPEG是一种很灵活的格式，具有调节图像质量的功能，允许用不同的压缩比例对文件进行压缩，支持多种压缩级别，压缩比率通常在10：1到40：1之间，压缩比越大，品质就越低；相反地，压缩比越小，品质就越好...PNG能够提供长度比GIF小30%的无损压缩图像文件。它同时提供24位和48位真彩色图像支持以及其他诸多技术性支持。
它是一种"联合图像专家小组是一种针对彩色照片而广泛使用的有损压缩图形" . 介绍：栅格图形。常用文件扩展名为 .jpg，也有 .jpeg、.jpe。JPEG 在互联网上常被应用于存储和传输照片。...PNG 最初是作为替代 GIF 来设计的，能够显示 256 色，文件比 JPEG或者 GIF 大，但是 PNG 非常好的保留了图像质量。支持 Alpha 通道的半透明和透明特性。...不适用场景：有网络不好的状态加载较慢（因为是无损存储格式） GIF （Graphics Interchange Format） 图像互换格式是一种位图图形文件格式，以 8 位色（即 256 种颜色）重现真彩色的...图像，采用 LZW 压缩算法进行编码 介绍：栅格图形。...Webp Webp 是一种现代图像格式，可为图像提供无损压缩和有损压缩，这使得它非常灵 活。由 Google 在购买 On2 Technologies 后发展出来，以 BSD 授权条款发布。
JPEG 联合图像专家组 JPEG2000 联合图像专家组2000 PBM 流式位图(单色) PCX Windows的画笔 PGM...注意：Windows的光标是32*32像素的，而Matlab为16*16像素的。若装有图像处理工具箱，可以用imresize函数进行放缩。...3、GIF 图像互换格式 支持的位深 不压缩 压缩 输出类型 1位 y – 逻辑型 2位到8位 y – uint8 指定格式的语法： […] = imread(…, idx) 从多帧的gif...5、ICO 图标文件 参看2、CUR 静态光标文件 6、JPEG 联合图像专家组 支持的位深 有损压缩 无损压缩 输出类型 说明 8位 y y uint8 灰度或RGB 12位 y...y uint16 灰度或RGB 16位 – y uint16 灰度 7、JPEG2000 联合图像专家组2000 支持的位深 有损压缩 无损压缩 输出类型 说明 1位 y y 逻辑型 仅灰度 2到8
PNG格式的前世今生png是一种无损压缩的位图片形格式，其设计目的是试图替代GIF和TIFF文件格式，同时增加一些GIF文件格式所不具备的特性。...由于PNG文件采用LZ77算法的派生算法进行压缩，其结果是获得高的压缩比，不损失数据。...这种功能是GIF和JPEG没有的。...JPEG2002作为JPEG的升级版，同时支持有损压缩和无损压缩。但是透明格式还是PNG占据主流。其实早期的浏览器不支持PNG图像；JPEG和GIF是主流图像格式。...由于GIF的颜色深度限制，网页中的有颜色过渡的图像都是使用JPEG。不管怎样，JPEG压缩都会导致图像的轻微模糊。而PNG可以做到在相应颜色深度下的尽可能精确，同时保持图像文件不大。
领取专属 10元无门槛券
手把手带您无忧上云
