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

瀏覽器相容性

另見