这个世界又美好了一点点——相册篇

简单说，就是我们做了一些努力，在权衡了图片质量、流量、带宽、加载时间等方面后，找到了一个方法，使得相册里的图片变清晰了。

下面就是一些个人的总结了。

最近在折腾，折腾怎么提升豆瓣相册画质的问题，这真是一个棘手的问题。因为看似简单，实则需要权衡流量、带宽、加载时间等方面，好在最终我们找到了一个方案，让这个优化得以尽快跟大家见面。这个过程让我收获了几点心得：

这一切要从 WebP 说起

在此之前，豆瓣相册图片的格式是 jpg，这次我们要把它们替换成 WebP。WebP 是一种新的 Web 图片格式（官方），它是我们这次实验的主角。这个格式的好处就是，可以在画质损失较小的情况下，大幅缩减图片体积。减小体积就意味着节省流量，并且载入更快。在内部我们做了一系列的尝试，逐渐调整 WebP 的压缩质量，让效果看起来跟原本 jpg 的画质相当。

偷偷地，我们做过一批实验

就在不久前，我们替换了一批图片到 WebP 格式，用户好像没什么察觉……“耶，成功了”。真的成功了？还差的远呢。我们只是单纯的格式替换，做到了原来的水平而已，唯一值得说的只有图片体积减小了。这还不够，应该同时让画质也更好才对，用户需要这个。

我们有办法了

利用一个“小把戏”，就是把图片尺寸拉大到2倍，然后缩小成1倍来展示（为什么一开始没想到呢，一根筋的在压缩比上面打转转），这样一来图片自然清晰。紧接着一个假设：如果2倍尺寸的 WebP 体积仍然比原 jpg 小，那大家就还都有得赚（流量、带宽、加载速度等），有大尺寸的加持，或许压缩质量可以更低（从75%降到50%）。实验结果是假设成立，相册图片的清晰度就有了今天的变化。

上线前后的真实效果对比（模糊 vs 清晰）

图片页对比（边缘细节）

路还长着呢

2x WebP(73k) < 1x JPG(119k)

这是对某一张图片进行优化前后的体量对比。我们还在不断探索更优方案，这只是一个开始。“清晰了才有动力传”，带着用户的这个期望，我们已经在路上了~