image-rendering
image-rendering
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
See also
© 2005–2017 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/image-rendering