png压缩

通过将图像转换为更有效的8-bit PNG格式 ， pngquant 是一个 PNG compresor，它可以将图像转换为更有效的PNG格式。 压缩图像完全符合标准，所有浏览器和操作系统都支持它。 用法 多个文件的批处理转换： pngquant *.png unix样式标准标准/标准链接： ... | pngquant - |.. . 要进一步减小文件大小，请尝试 optipng ImageOptim或者 zopflipng。 特性 高品质调色板生成 支持伽玛校正和 premultiplied alpha的高级量化算法 独特的抖动算法，不会向图像添加不必要的噪声 可以配置的质量级别 自动查找所需数量的颜色，并可以跳过无法转换为所需质量的图像 快速，现代代码 基于端口 libimagequant库 对于遗留系统或者编译器( 除了 Visual Studio 之外 ) 没有任何解决方法 多核支持( 通过 OpenMP ) 和英特尔SSE优化 命令行选择： pngquant -h 查看所需参数 --quality min-max min 和 max 是 0 ( 最差) 至 100 ( 完美)的数字，类似于 JPEG。 pngquant将使用满足或者超过 max 质量要求的最少数量的颜色。 如果转换结果以质量低于 min 质量，图像将不会保存( 如果输出到 stdin，24-bit

译者：前端小智 作者：Ayo Isaiah 来源：https://www.freecodecamp.org/ 个人专栏 ES6 深入浅出已上线，深入ES6 ，通过案例学习掌握 ES6 中新特性一些使用技巧及原理，持续更新中，←点击可订阅。 点赞再看，养成习惯 本文 GitHub https://github.com/qq44924588... 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。 为了保证的可读性，本文采用意译而非直译。 图像是web上提供的最基本的内容类型之一。他们说一张图片胜过千言万语。但是如果你不小心的话，图片大小有时高达几十兆。 因此，虽然网络图像需要清晰明快，但它们尺寸可以缩小压缩的，使用加载时间保持在可接受的水平。 在我的网站上，我注意到我的主页的页面大小 超过了 1.1MB ，图片占了约88%，我还注意到我提供的图像比它们需要的大(在分辨率方面)，显然，还有很多改进的空间。 我开始阅读 Addy Osmani 的优秀 Essential Image Optimization电子书，并开始在我的网站上按照他们的建议做了一些图片的优化。，然后再对响应式图像进行了一些研究并应用了它。 这使得页面大小减少到 445kb ，约 62% ! 什么是图像压缩?

前言 作为一个客户端开发，对于图片格式一直没有一个清晰的了解，这里简单的罗列出各种图片格式的区别，文章中有部分是他人的引用，会在底部放上链接，望轻喷。 概念了解 有损压缩 & 无损压缩 有损压缩（lossy compression） ： 有损压缩算法是一种数据压缩方法，经过此方法压缩、解压的数据会 与原始数据不同但是非常接近。它是与无损数据压缩相对的压缩方法。有损数据压缩又称破坏性资料压缩、有损压缩、有损压缩、不可逆压缩 。其原理是借由将次要的信息数据舍弃，牺牲一些质量来减少数据量、提高压缩比。这种方法经常用于压缩多媒体数据（音频、视频、图片）。根据各种格式设计的不同，有损数据压缩都会有代间损失——每次压缩与解压文件都会带来渐进的质量下降。 无损压缩（Lossless Compression） ： 指数据经过压缩后，信息不受损失，还能完全恢复到压缩前的原样 。无损压缩通常用于严格要求“经过压缩、解压缩的数据必须与原始数据一致”的场合。典型的例子包括文字文件、程序可执行文件、程序源代码。有些图片文件格式，例如PNG和GIF，使用的是无损压缩。 索引色 & 直接色 索引色 ： 索引颜色是一种以有限的方式管理数字图像颜色的技术，以节省计算机内存和文件存储，同时加速显示刷新和文件传输。即 用一个数字来代表（索引）一种颜色，在存储图片的时候，存储一个数字的组合，同时存储数字到图片颜色的映射

PS 很强大，但做为一个程序员，PS 太复杂了，太庞大了，我们经常需要的就是图片进行简单的处理即可。下面是 12 个小型的图片工具，可以让你快速的有针对性的进行图片处理。 1 Riot Riot 是最佳的图片优化工具之一，可用于 png、jpeg 格式图片，可通过对比方式查看优化后的效果。用户可修复压缩参数，运行速度很快。 Download 2 Image Optimizer Image optimizer 是一个使用非常频繁的在线图片处理工具，可对图片进行大小修改、压缩以及优化；尽管在线优化速度稍微慢些，但很多时候已经足够。 Download 3 Super Gif Super Gif 是一个小工具，可运行于 Windows 和 Mac 系统，主要用于 gif 图片的优化，可在无损的情况下对 gif 压缩达 20% 左右，最佳效果是 50%。 Download 4 PNGGauntlet – PNG compression Software PNGGuautlet 是一个 .NET 程序，用来优化 png 图片的大小。 Download 5 ImageOptim ImageOptim 可让用户压缩和优化图片，更小的存储空间，更快的加载速度，ImageOptim 是个开源软件，支持Mac系统 Download 6 Super Png Download 7 WebGraphics

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 　 GIF / PNG /JPG/ WEBP / APNG 都是属于 位图 （位图 ,务必区别于 矢量图 ）； 　GIF/PNG和JPG这三种格式的图片被广泛应用在现今的互联网中,gif曾在过去互联网初期慢速的情况下几乎是做到了大一统的地位,而现如今随着互联网技术应用和硬件条件的提高, png 和jpg格式的图片越来越多的被应用,gif昔日的辉煌一去不复, webp 图片格式现在还不普及： GIF（Graphics Interchange Format） 　　GIF 图形交换格式 是一种位图图形文件格式,以8位色（即256种颜色）重现真彩色的图像。 它实际上是一种压缩文档, 采用LZW压缩算法进行编码,有效地减少了图像文件在网络上传输的时间。它是目前广泛应用于网络传输的图像格式之一。 优点 　　1. 优秀的压缩算法使其在一定程度上保证图像质量的同时将体积变得很小。 　　2. 可插入多帧,从而实现动画效果。 　　3. 可设置透明色以产生对象浮现于背景之上的效果。 缺点 　 由于采用了8位压缩,最多只能处理256种颜色（2的8次方）,故不宜应用于真彩图像。 PNG（Portable Network Graphics） 　　便携式网络图片（Portable Network Graphics）,简称PNG

PNG图片压缩原理 png的图片我们每天都在用，可是png到底是什么，它的压缩原理是什么？很好，接下来我将会给大家一一阐述。 什么是PNG? PNG的全称叫做便携式网络图型（Portable Network Graphics）是目前最流行的网络传输和展示的图片格式，原因有如下几点： 无损压缩 ：PNG图片采取了基于LZ77派生算法对文件进行压缩，使得它压缩比率更高，生成的文件体积更小，并且不损失数据。 体积小 ：它利用特殊的编码方法标记重复出现的数据，使得同样格式的图片体积更小。网络通讯中因受宽带制约，在保证图片清晰、逼真的前提下，优先选择PNG格式的图片。 支持透明效果 ：PNG支持对原图像定义256个透明层次，使得图像的边缘能与任何背景平滑融合，这种功能是GIF和JPEG没有的。 PNG类型 PNG图片主要有三个类型，分别为PNG 8/PNG 24/PNG 32。 PNG8 ：PNG 8中的8，其实指的是 8bits 相当于用2^8（2的8次方）大小来存储一张图片的颜色种类，2的8次方等于256，也就是说PNG 8能存储256种颜色，一张图如果颜色种类很少，将它设置成PNG 8的图片类型是非常合适的。 PNG24 ：PNG 24中的24，相当于3乘以8等于24，就是用三个8bits分别取表示R（红）、G（绿）、B（蓝）。R（0-255），G（0-255）、B（0-255）

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

作者：shede333 主页：http://my.oschina.net/shede333 && http://blog.sina.com.cn/u/1509658847 版权声明：原创文章，版权声明：自由转载-非商用-非衍生-保持署名 | [Creative Commons BY-NC-ND 3.0][] ##各种压缩软件的对比情况： http://jamiemason.github.io/ImageOptim-CLI/comparison/png/photoshop/desc/ 压缩率较高的为 ImageAlpha 的有损压缩 加上 ImageOptim 的无损压缩，二者要要先后顺序， 嫌麻烦的话，少量图片也可以使用在线工具： TinyPNG 此工具有api，但是有限制，每个key每月300次，再多就要收费 这是我另外一篇压缩图片的文章： Mac OS系统 降低图片图片质量工具以及批量处理 ##ImageOptim 进入官网 无损压缩,GUI + Command Line(有GUI软件，也有命令行) ###注意： 使用此工具，需要 关闭Xcode自带的图片压缩功能 ，否则Xcode压缩图片后反而会增加 Xcode设置见教程 Command Line : https://imageoptim.com/command-line.html include： PNGOUT Zopfli

文章转自 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