Tag: 成像

Google的Page Speed无损图像压缩是如何工作的？

当您在网站上运行Google的PageSpeed Firebug / Firefox插件时，会提示可以无损压缩图像的情况，并提供下载这个较小图像的链接。 例如： 无损压缩http://farm3.static.flickr.com/2667/4096993475_80359a672b_s.jpg可以节省33.5KB（减less85％）。 无损压缩http://farm2.static.flickr.com/1149/5137875594_28d0e287fb_s.jpg可节省18.5KB（减less77％）。 无损压缩http://cdn.uservoice.comhttp://img.dovov.comwidgets/en/feedback_tab_white.png可节省262B（减less11％）。 无损压缩http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/basehttp://img.dovov.comui-bg_flat_75_ffffff_40x100.png可节省91B（减less51％）。 无损压缩http://www.gravatar.com/avatar/0b1bccebcd4c3c38cb5be805df5e4d42?s=45&d=mm可节省61B（减less5％）。 这适用于JPG和PNG文件types（我还没有testingGIF或其他）。 还要注意Flickr的缩略图（所有这些图像都是75×75像素）。这是相当大的节省。 如果真的如此伟大，雅虎为什么不把这个服务器端应用到他们的整个库中，并减less他们的存储和带宽负载？ 即使Stackoverflow.com代表一些非常小的节省： 无损压缩http://sstatic.net/stackoverflow/img/sprites.png?v=3可以节省1.7KiB（减less10％）。 无损压缩http://sstatic.net/stackoverflow/img/tag-chrome.png可以节省11B（减less1％）。 我已经看到，PageSpeedbuild议使用Photoshop创build的“Save for Web”function来创build相当不错的PNG文件。 所以我的问题是，他们对图像做了哪些改变以减less这些图像呢？ 我猜不同的文件types有不同的答案。 这对JPG是否真的无损？ 他们怎么能打败Photoshop？ 我应该对此有点怀疑吗？