color-rendering attribute provides a hint to the SVG user agent about how to optimize its color interpolation and compositing operations.
color-rendering takes precedence over
color-interpolation-filters. For example, assume
color-rendering: optimizeSpeed and
color-interpolation-filters: linearRGB. In this case, the SVG user agent should perform color operations in a way that optimizes performance, which might mean sacrificing the color interpolation precision as specified by
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet, see
css color-rendering for further information
|Value||auto | optimizeSpeed | optimizeQuality | inherit|
|Normative document||SVG 1.1 (2nd Edition)|
- Indicates that the user agent shall make appropriate tradeoffs to balance speed and quality, but quality shall be given more importance than speed.
- Indicates that the user agent shall emphasize rendering speed over quality. For RGB display devices, this option will sometimes cause the user agent to perform color interpolation and compositing in the device RGB color space.
- Indicates that the user agent shall emphasize quality over rendering speed.
The following elements can use the
|Feature||Android webview||Chrome for Android||Edge mobile||Firefox for Android||Opera Android||iOS Safari||Samsung Internet|