HTML微小的图像变得模糊

时间:2014-02-22 22:46:54

标签: html image pixel

我正在使用此HTML

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

显示最初包含5x5像素的微小图像,而不是100x100。当我这样做时,图像变得非常模糊。有什么方法可以在调整大小时保留有意的“像素”设计吗?

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

1 个答案:

答案 0 :(得分:2)

不,没有。

当您将5x5像素的图像缩放到100x100时,每个轴之间需要有20x内插像素(使用双三次或双线性插值合成生成),这将总是会导致图像模糊。

你甚至无法像在专用软件中那样大规模地扩大规模。

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