html img抗锯齿

时间:2018-11-29 19:12:39

标签: html image

在<img>标记上使用小的png图像作为src时,某些细节会丢失bzw。抗锯齿。

例如,检查一下img 图像并放大。例如,下载并使用photoshop将其打开后,它会按预期显示。

我想将其用作徽标(因此比16x16px大一些)而不会变得模糊。我可以设置一个标签来禁用这种抗锯齿吗?

1 个答案:

答案 0 :(得分:0)

使用以下内容获得Webkit和Moz支持

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

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