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.

Das image-rendering-Attribut gibt dem Browser einen Hinweis darauf, wie er bei der Bildverarbeitung zwischen Geschwindigkeit und Qualität abwägen soll.

Das Resampling erfolgt immer in einem Truecolor-Farbraum (z. B. 24-Bit), auch wenn die Originaldaten und/oder das Zielgerät Indizierte Farben verwenden.

Hinweis: Als Präsentationsattribut hat image-rendering auch ein entsprechendes CSS-Property: image-rendering. Wenn beide angegeben sind, hat das CSS-Property Vorrang.

Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:

Hinweise zur Verwendung

Wert auto | optimizeSpeed | optimizeQuality
Standardwert auto
Animierbar Ja
auto

Gibt an, dass der User-Agent geeignete Kompromisse eingehen soll, um Geschwindigkeit und Qualität auszugleichen, wobei jedoch der Qualität mehr Bedeutung beigemessen werden soll als der Geschwindigkeit.

optimizeSpeed

Gibt an, dass der User-Agent die Geschwindigkeit beim Rendering über die Qualität stellen soll.

optimizeQuality

Gibt an, dass der User-Agent die Qualität über die Geschwindigkeit beim Rendering stellen soll.

Spezifikationen

Specification
CSS Images Module Level 3
# the-image-rendering
Scalable Vector Graphics (SVG) 2
# ImageRendering

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
image-rendering

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Siehe auch