你可能已经知道,现在网页文件的平均大小比Doom游戏的安装文件还还大。
  
  文件变大的原因之一是图片的增加,并且还需要支持更高的分辨率。
  
  Google来拯救了
  
  Google刚刚发布了一种新的JPEG压缩算法:Guetzli。该算法的主要思想是重点保留人眼可以轻松识别的细节,同时跳过眼睛无法注意的细节。
  
  我不是专家,但预期的结果是获得一个感知质量相同,但文件大小更小的图像。
  
  这不是一种新的图像格式,而是一种压缩JPEG图像的新方法。这意味着不需要一个定制的图像查看器,而是可以由任何一个能渲染JPEG的软件来显示。
  
  现实生活中Guetzli
  
  在我的一个项目中,有一个包含很多图片的主页(仅主页就有大约30Mb,其中27M是图片)。
  
  我决定给Guetzli一个尝试的机会,为了说服我们的产品所有者和设计师质量损失是可以接受的,我试着把这个新的算法应用在一张没有使用的高分辨率的图片上(一张8574×5715,22MB的JPEG图片) 。
  
  它崩溃了。
  
  根据google所说(并且我的经验证实了这些数字),Guetzli每一百万像素的图像大约需要占用300MB的内存(因此,我的图像大约需要15GB),而当时我没有这么大的内存(六个节点服务器,两个docker容器,chromium和几个electron实例所占用的内存使得我的电脑不符合要求)。
  
  在清理了一些不重要的进程之后,我重新试了一次,Guetzli占用了12GB的内存,但是成功了。
  
  Google还表示,Guetzli处理一张图片每一百万像素大概需要一分钟的时间,我差不多也花了这么多时间(总时间略超过40分钟)。
  
  压缩后的图像不到7MB(原始大小为22MB),我无法通过肉眼来确定哪个是压缩过的(我们的设计师可以,但是承认差异“小到令人难以置信”)。
  
  6.9M home-guetzli.jpg
  
  22M home-raw.jpg
  
  我使用的是Guetzli默认的品质设置(从84到100,如果要低于84,你需要自己编译并更改这个最小值)进行的压缩。
  
  更多的测试以及一些成功的例子
  
  然后,我决定为该图像尝试使用不同的品质设置(我写了一个非常简单的脚本,从而无需每40分钟重新启动一次,并且在我睡觉的时候也能够运行)。
  
  结果在这里(Guetzli的默认品质因素似乎是95)。
  
  6.9M ./home-guetzli.jpg
  
  22M ./home-raw.jpg
  
  3.0M ./home-raw.http://www.yuheng119.com/  jpg.guetzli84.jpg
  
  3.4M ./home-raw.jpg.guetzli87.jpg
  
  4.2M ./home-raw.jpg.guetzli90.jpg
  
  5.5M ./home-raw.jpg www.huazhyyule99.cn .guetzli93.jpg
  
  8.8M ./home-raw.jpg.guetzli96.jpg
  
  18M ./home-raw.http://www.acnet.cn/ jpg.guetzli99.jpg
  
  产品所有者和设计师均同意使用84这个品质因素。然后我转换了所有的图片,我们从主页从30MB变为不到8MB(其中3MB是CSS和脚本)。
  
  应该注意到的是,我们的图片之前并没有进行任何形式的压缩。
  
  附加说明
  
  在我的机器上安装Guetzli很顺利(有人在archlinux上创建了一个包含Guetzli的AUR包,非常感谢这个人),并且可以直接运行它(只要你拥有足够的内存)。
  
  似乎还有一个brew包(针对Mac OS用户),但是我没有测试它。
  
  对于超大的图片,Guetzli需要占用大量的内存和CPU时间(很多时候是相对的,不要指望着在运行的时候能够做其他事情)。如果RAM不是你的瓶颈,那你甚至可以考虑针对不同的图片并行运行多个Guetzli实例,因为它仅占用一个核心(仅作为写入)。
  
  作为一个JPEG编码器,它不能输出PNG(因此没有透明度),但它可以转换和压缩PNG图片。
  
  运行效率与图片的初始质量有关:我注意到压缩比范围大约为大图像上的7倍到小图像上的2倍之间。在小图片上,质量损失也更加明显。
  
  在少数情况下,我也发现色饱和度存在损失(在我这个案例中,这个是可以接受的)。
  
  长话短说
  
  给Guetzli一个尝试,它可能会给你一个不可接受的结果(特别是低品质),但它也会让你的网站减少几MB的大小。

Google Guetzli是如何压缩图片的?的更多相关文章

  1. 使用Google Thumbnails 压缩图片

    背景说明:最近项目中需要用到一些图片文件的上传 ,但是有些图片很大,比如轮播图,大有的有几兆,这样加载一个首页都要很久,显然这样对用户体验是非常不友好的,对服务器资源将是一种浪费. 为了解决这个问题, ...

  2. Joomla - 优化(时区、google字体、压缩图片、压缩自定义代码)

    Joomla - 优化(时区.google字体.压缩图片.压缩自定义代码) 一.时区 发布文章是往往会发现发布时间和当前时间对不上,原因是 Joomla 用的是国际标准时间,和中国时区大约相差8小时, ...

  3. 四:Java使用google的thumbnailator工具对图片压缩水印等做处理

    Thumbnailator是一个非常好的图片开源工具 使用方法: 在pom中加入以下jar包 <!-- 图片缩略图 图片压缩 水印 start--> <dependency>& ...

  4. Android 高清加载巨图方案 拒绝压缩图片

    Android 高清加载巨图方案 拒绝压缩图片 转载请标明出处: http://blog.csdn.net/lmj623565791/article/details/49300989: 本文出自:[张 ...

  5. 移动端使用localResizeIMG4压缩图片

    移动h5开发避免不了上传图片,一般我们使用html自带的控件input或者使用微信上传API.但微信上传API不是任何地方都可以使用的,使用html自带的控件input上传又免不了图片体积太大,上传不 ...

  6. java 上传图片 并压缩图片大小

    Thumbnailator 是一个优秀的图片处理的Google开源Java类库.处理效果远比Java API的好.从API提供现有的图像文件和图像对象的类中简化了处理过程,两三行代码就能够从现有图片生 ...

  7. 用gulp-imageisux智图api压缩图片

    ➣ 智图平台是什么? 智图是腾讯ISUX前端团队开发的一个专门用于图片压缩和图片格式转换的平台,其功能包括针对png,jpeg,gif等各类格式图片的压缩,以及为上传图片自动选择最优的图片格式.同时, ...

  8. java 上传图片 并压缩图片大小(转)

    Thumbnailator 是一个优秀的图片处理的Google开源Java类库.处理效果远比Java API的好.从API提供现有的图像文件和图像对象的类中简化了处理过程,两三行代码就能够从现有图片生 ...

  9. word转html 压缩图片网站

    word转html https://docs.google.com/document/d/1MS-os1NcEPSEe2OWRenGR_6CsEmEQUchoQoh-abmL1Y/edit 压缩图片 ...

随机推荐

  1. 修改Hosts文件,禁止访问指定网页

    不知道Hosts文件什么鬼的朋友可以在网上搜索一下(大牛勿喷- -) 访问网址时,先查询本地的Hosts文件,那么如果我们将Hosts文件中的网址与IP的映射修改之后,将访问错误的IP. 如在文件尾追 ...

  2. java 任务调度实现的总结

    Timer Timer的核心是Timer和TimerTask,Timer负责设定TimerTask的起始与间隔执行时间,使用者需要建立一个timeTask的继承类,实现run方法,然后将其交给Time ...

  3. Convolutional Neural Networks for Visual Recognition 2

    Linear Classification 在上一讲里,我们介绍了图像分类问题以及一个简单的分类模型K-NN模型,我们已经知道K-NN的模型有几个严重的缺陷,第一就是要保存训练集里的所有样本,这个比较 ...

  4. L1-039 古风排版(20 分)

    中国的古人写文字,是从右向左竖向排版的.本题就请你编写程序,把一段文字按古风排版. 输入格式: 输入在第一行给出一个正整数N(<100),是每一列的字符数.第二行给出一个长度不超过1000的非空 ...

  5. 1022 Digital Library (30)(30 分)

    A Digital Library contains millions of books, stored according to their titles, authors, key words o ...

  6. 51nod 1686 第K大区间2

    1685 第K大区间2 定义一个区间的值为其众数出现的次数.现给出n个数,求将所有区间的值排序后,第K大的值为多少. 众数(统计学/数学名词)_百度百科 Input 第一行两个数n和k(1<=n ...

  7. 找工作--volatile

    在Java编写的程序中,有时为了提高程序的运行效率,编译器会自动对其进行优化,把经常访问的变量缓存起来,程序在读取这个变量时有可能会直接从缓存(例如寄存器)中来读取这个值,而不会从内存中读取.这样做的 ...

  8. 不重启linuxVMWare虚拟机添加虚拟磁盘

    Vsphere Client找到要添加磁盘的虚机,如图所示   点击虚机右键,在出现的下列列表中选择“编辑设置”如图   在打开的虚拟机属性中,在”硬件对话框点击“添加"按钮,如图   在添 ...

  9. JAVAset容器基本知识

    import java.io.PrintWriter; import java.util.HashSet; import java.util.Scanner; import java.util.Ite ...

  10. 【转】Pro Android学习笔记(八):了解Content Provider(下中)

    在之前提供了小例子BookProvider,我们回过头看看如何将通过该Content Provider进行数据的读取. (1)增加 private void addBook(String name , ...