图像，当调整大小时变得模糊而不是像素化答案

【问题标题】：Image, when resized turns blurry instead of being pixelated图像，当调整大小时变得模糊而不是像素化
【发布时间】：2019-10-02 23:32:57
【问题描述】：

所以我正在构建简单的 UI，并想在其中添加像素艺术。

我有这张 20px x 20px 的图片，当我用窥镜或任何软件调整它的大小时，它只是像素化了，这很好：

但是，当我添加带有标签的图像并将其宽度和高度设置为：

<img src={helmetSlot} style={{width: 64, height: 64}}/>

这是什么原因？我怎样才能防止这种情况发生？

已解决：使用的图像渲染：像素化； css 属性来修复它。从来不知道这个属性的存在

【问题讨论】：

【解决方案1】：

图像渲染：像素化；成功了

【讨论】：

【解决方案2】：

因为您将高度和宽度设置为大于源文件。为什么不以更高分辨率导出像素艺术，然后将其降级。

示例：以 128 像素 x 128 像素导出。然后以 64 x 64 显示应该没问题。

【讨论】：