image-rendering
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
image-rendering
属性向浏览器提供了一个在图片处理时应如何权衡速度和质量的提示。
即使原始数据和/或目标设备是索引颜色的,也总是在真彩色(例如,24 位)颜色空间中进行重新采样。
备注:作为一个表现属性,image-rendering
可以用作 CSS 属性。请参考 CSS image-rendering
,以获取更多的信息。
你可以和下面的 SVG 元素一起使用该属性:
使用说明
值 |
auto | optimizeSpeed |
optimizeQuality
|
---|---|
默认值 | auto |
动画性 | 是 |
auto
-
表示用户代理可以在速度和质量间做适当的权衡,但是质量将比速度更重要一些。
optimizeSpeed
-
表示用户代理应该更注重速度。
optimizeQuality
-
表示用户代理应该更注重质量。
规范
Specification |
---|
CSS Images Module Level 3 # the-image-rendering |
Scalable Vector Graphics (SVG) 2 # ImageRendering |
浏览器兼容性
BCD tables only load in the browser