相关疑难解决方法(0)

当您在网站上运行Google的Firebug/Firefox的PageSpeed插件时,它会建议可以无损压缩图像的情况,并提供下载此较小图像的链接.

例如:

• 无损压缩http://farm3.static.flickr.com/2667/4096993475_80359a672b_s.jpg可以节省33.5KiB(减少85%).
• 无损压缩http://farm2.static.flickr.com/1149/5137875594_28d0e287fb_s.jpg可以节省18.5KiB(减少77%).
• 无损压缩http://cdn.uservoice.com/images/widgets/en/feedback_tab_white.png可以节省262B(减少11%).
• 无损压缩http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/images/ui-bg_flat_75_ffffff_40x100.png可以节省91B(减少51%).
• 无损压缩http://www.gravatar.com/avatar/0b1bccebcd4c3c38cb5be805df5e4d42?s=45&d=mm可以节省61B(减少5%).

这适用于JPG和PNG文件类型(我没有测试GIF或其他.)

另请注意Flickr缩略图(所有这些图像都是75x75像素.)它们可以节省很多.如果这真的很棒,为什么雅虎不会将这个服务器端应用到整个库并减少存储和带宽负载？

即使Stackoverflow.com代表一些非常小的节省:

• 无损压缩http://sstatic.net/stackoverflow/img/sprites.png?v=3可以节省1.7KiB(减少10%).
• 无损压缩http://sstatic.net/stackoverflow/img/tag-chrome.png可以节省11B(减少1%).

我已经看到PageSpeed建议使用Photoshop的"Save for Web"功能创建的PNG文件相当不错.

所以我的问题是,他们对图像做了哪些改变以减少它们呢？我猜不同的文件类型有不同的答案.对于JPG来说,这真的无损吗？他们怎么能打败Photoshop？我应该对此有点怀疑吗？