image-rendering
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2020年1月以降、すべてのブラウザーで利用可能です。
image-rendering 属性は、画像処理を行う際に速度と品質のトレードオフをどのように行うかについて、ブラウザーにヒントを提供します。
元のデータや出力先端末がインデックスカラーであっても、再サンプリングは常にトゥルーカラー（例：24 ビット）色空間で行われます。
メモ:
プレゼンテーション属性であるため、 image-rendering には対応する CSS プロパティ image-rendering があります。両方が指定された場合、 CSS プロパティの方が優先されます。
この属性は、以下の SVG 要素で使用できます。
使用上のメモ
| 値 |
auto | optimizeSpeed |
optimizeQuality
|
|---|---|
| デフォルト値 | auto |
| アニメーション | 可 |
auto-
ユーザーエージェントは速度と品質のバランスをとるために適切なトレードオフを行いますが、品質を速度よりもより重要視します。
optimizeSpeed-
ユーザーエージェントが品質よりも描画速度を重視すべきであることを示します。
optimizeQuality-
ユーザーエージェントが描画速度よりも品質を重視すべきであることを示します。
仕様書
| 仕様書 |
|---|
| CSS Images Module Level 3 # the-image-rendering |
| Scalable Vector Graphics (SVG) 2 # ImageRendering |
ブラウザーの互換性
関連情報
- CSS の
image-renderingプロパティ