image-renderingプロパティは、ラスタ画像の処理の最適化の手がかりを与える際に使われます。
image-renderingプロパティによって、ラスタ画像の処理について速度と品質のどちらを優先して行うかを判断するための手がかりが与えられます。
SVG Tiny 1.2では外部のCSSをサポートしていないので、image-renderingプロパティの値を指定する場合はimage-rendering属性を利用します。
image-rendering属性の値は"auto"、"optimizeSpeed"、"optimizeQuality"、もしくは"inherit"です。
"auto"の場合は、ユーザエージェントが速度と品質の適切なバランスをとるべきことを示しますが、品質が速度より重要視されるべきです。少なくともnearest neighbor resamplingと同等の品質のアルゴリズムが用いられるべきですが、bilinear resamplingが強く好まれます。
"optimizeSpeed"の場合は、ユーザエージェントが速度を品質よりも優先するべきことを示します。少なくともnearest neighbor resamplingと同等の品質の高速に描くことのできるアルゴリズムが用いられるべきです。
"optimizeQuality"の場合は、ユーザエージェントが品質を速度よりも優先するべきことを示します。少なくともbilinear resamplingと同等の品質のアルゴリズムが用いられるべきです。
例えば、
image-rendering="auto"
のように書けば、ラスタ画像の処理についてユーザエージェントが速度と品質のバランスをとるべきことを示します。
image-rendering属性の値にかかわらず、リサンプリングは24bit色空間で行われなければなりません。
image-rendering属性がない場合は"auto"として扱われます。
image-renderingプロパティによって、ラスタ画像の処理について速度と品質のどちらを優先して行うかを判断するための手がかりが与えられます。
SVG Tiny 1.2では外部のCSSをサポートしていないので、image-renderingプロパティの値を指定する場合はimage-rendering属性を利用します。
image-rendering属性の値は"auto"、"optimizeSpeed"、"optimizeQuality"、もしくは"inherit"です。
"auto"の場合は、ユーザエージェントが速度と品質の適切なバランスをとるべきことを示しますが、品質が速度より重要視されるべきです。少なくともnearest neighbor resamplingと同等の品質のアルゴリズムが用いられるべきですが、bilinear resamplingが強く好まれます。
"optimizeSpeed"の場合は、ユーザエージェントが速度を品質よりも優先するべきことを示します。少なくともnearest neighbor resamplingと同等の品質の高速に描くことのできるアルゴリズムが用いられるべきです。
"optimizeQuality"の場合は、ユーザエージェントが品質を速度よりも優先するべきことを示します。少なくともbilinear resamplingと同等の品質のアルゴリズムが用いられるべきです。
例えば、
image-rendering="auto"
のように書けば、ラスタ画像の処理についてユーザエージェントが速度と品質のバランスをとるべきことを示します。
image-rendering属性の値にかかわらず、リサンプリングは24bit色空間で行われなければなりません。
image-rendering属性がない場合は"auto"として扱われます。