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

标签 image resize png scale

我是一名视觉/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 比例,因为我被教导如此。这有什么合乎逻辑的原因吗?

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

最佳答案

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

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

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

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

关于image - 缩放后 PNG 图像看起来很模糊,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36252193/

相关文章:

java - 如何在运行时获取 JFrame 的当前尺寸

JavaFX - BorderPane/StackPane 在 child 改变后不调整大小

r - 如何提高ggplot2对象的保存效率?

java - Java 中的流图像格式转换和大小调整

java - 如何向组件显示图像?

c# - 如何显示带有嵌入图像 (cid) 的 html 电子邮件?

JavaFX 图表到图像到 Base64 字符串在 PHP 中的使用

jquery 3.3.1 未捕获类型错误 : e. indexOf 不是 w.fn.init.w.fn.load 处的函数

macos - 根据变量 swift 调整窗口大小

android - 在 OpenGL ES 中使用 png/jpg 的正确方法