我正在尝试放大css精灵像素艺术图像，并希望完全禁用抗锯齿/图像平滑。
根据这里的帖子：在缩放图像时禁用抗锯齿我已经尝试了以下css
image-rendering: optimizeSpeed;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: optimize-contrast;
-ms-interpolation-mode: nearest-neighbor;
它的工作原理和我在firefox中想要的完全一样，但在Chrome和IE中它有一点帮助，但一些图像插值/平滑/抗锯齿仍在发生。
我不想使用画布元素，而是只使用CSS背景图像精灵。
有没有一种方法可以实现与其他浏览器中的"-moz脆边"相同的结果？
坏消息：
不幸的是，看起来你的选择要么使用画布，要么使用JavaScript，要么在Chrome和I.E.中使用抗锯齿
如果您不选择使用抗锯齿，以下是一些可能有助于您解决其他两个问题之一的响应：
链接：
- 仅限Javascript的解决方案-陈旧、缓慢，但适用于所有地方
- 画布解决方案-新的、更快的、不适用于不兼容的浏览器
很抱歉，在这方面没有更好的消息给你。
image-rendering: pixelated;
应该可以工作，即使在2023年的Chrome上也是如此。确保精灵是一个正方形的分辨率（2的幂）。