HTML Tiny 图像变得模糊

【问题标题】：HTML Tiny image becomes blurryHTML Tiny 图像变得模糊
【发布时间】：2014-02-23 07:07:00
【问题描述】：

我正在使用这个 HTML

    <img src="stone.png" height="100" width="100"></img>

显示最初包含 5x5 像素的微小图像，改为 100x100。当我这样做时，图像变得非常模糊。有什么办法可以在调整大小时保留有意的“像素”设计？

注意：我不想重复图像，我只想以更大的方式显示它并保持每个像素不同。

【问题讨论】：

【解决方案1】：

不，没有。

当您将 5x5 像素的图像缩放到 100x100 时，每个轴需要 20 倍的插值像素（使用双三次或双线性插值合成），这将始终导致图像模糊。

您甚至无法在专用软件中修复这样的大规模放大。

唯一的解决方案是以预期的分辨率或接近它的分辨率创建图像。缩小图像也更好，因为您会删除信息而不是生成信息。

【讨论】：