image-rendering

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2020 年 1 月⁩ 起,所有主流浏览器均已支持。

image-rendering 属性向浏览器提供一个提示,说明在执行图像处理时如何在速度与质量之间进行权衡。

即使原始数据和/或目标设备是索引颜色,重采样也始终在真彩色(例如 24 位)颜色空间中进行。

注意: 作为演示属性,image-rendering 还有一个对应的 CSS 属性:image-rendering。当同时指定两者时,CSS 属性具有更高的优先级。

你可以将此属性与以下 SVG 元素一起使用

用法说明

auto | optimizeSpeed | optimizeQuality
默认值 auto
可动画的
auto

表示用户代理应在速度和质量之间做出适当的权衡,但应优先考虑质量而非速度。

optimizeSpeed

表示用户代理应优先考虑渲染速度而非质量。

optimizeQuality

表示用户代理应优先考虑质量而非渲染速度。

规范

规范
CSS 图像模块第三级
# the-image-rendering
Scalable Vector Graphics (SVG) 2
# ImageRendering

浏览器兼容性

另见