html img 抗锯齿

Question

在<img> 标签上使用小 png 图像作为 src 时，一些细节会丢失 bzw。抗锯齿。

作为一个例子检查这个 图像并放大。下载它并使用 Photoshop 打开它后，它会按预期显示。

我想将其用作徽标（因此比 16x16 像素大一点），而不会变得模糊。我可以设置一个标签来禁用这种抗锯齿吗？

Answer 1

将以下内容用于 webkit 和 moz 支持

image-rendering: pixelated;
image-rendering: -moz-crisp-edges;

资源：https://css-tricks.com/almanac/properties/i/image-rendering/