image - 缩放后 PNG 图像看起来很模糊

Question

我是一名视觉/UI 设计师，正在处理由另一位设计师设计的项目/产品。这位设计师为前端开发人员提供了高质量的 PNG 图标，但是当前端开发人员将图像比例设置为 0.7 时，它们看起来很模糊。

我注意到如果我们将图像的比例设置为 0.5，它们看起来一点也不模糊:

0.7:[1]:http://i.stack.imgur.com/jQNYG.png

0.5:[2]:http://i.stack.imgur.com/hBShu.png

有人知道为什么会这样吗？

我个人总是使用 0.5 比例，因为我被教导如此。这有什么合乎逻辑的原因吗？

抱歉，如果答案显而易见。我真的很好奇。提前致谢。

Answer 1

发生的情况在很大程度上取决于您用来缩小图像的软件。减少 0.5 和 0.7 之间有很大的不同。

如果缩小 0.5，则将 4 个像素合并为一个。

如果缩小 0.7，则说明您在进行部分抽样。每个方向上的 10 个像素减少到 7 个。在 0.5 采样中，您横向读取两个像素，向下读取两个像素。

在 0.7 采样中，您在每个方向读取 1.42857142857143 个像素。为此，您必须对像素值进行加权。这会在绘图中造成模糊。