« SVG Attribute reference home
The image-rendering attribute provides a hint to the browser about how to make speed vs. quality tradeoffs as it performs image processing.
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet, see css image-rendering for further information
Usage context
| Categories | Presentation attribute |
|---|---|
| Value | auto | optimizeSpeed | optimizeQuality | inherit |
| Animatable | Yes |
| Normative document | SVG 1.1 (2nd Edition) |
- auto
- Indicates that the user agent shall make appropriate tradeoffs to balance speed and quality, but quality shall be given more importance than speed.
- optimizeSpeed
- Indicates that the user agent shall emphasize rendering speed over quality.
- optimizeQuality
- Indicates that the user agent shall emphasize quality over rendering speed.
Example
Elements
The following elements can use the image-rendering attribute