rendering-intent

Deprecated since SVG 2
This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.

The rendering-intent attribute permits the specification of a color profile rendering intent other than the default.

rendering-intent is applicable primarily to color profiles corresponding to CMYK color spaces. The different options cause different methods to be used for translating colors to the color gamut of the target rendering device.

Only one element is using this attribute: <color-profile>

Usage notes

Value auto | perceptual | relative-colorimetric | saturation | absolute-colorimetric
Default value auto
Animatable Yes
auto
This value allows the user agent to determine the best intent based on the content type.
perceptual

This value preserves the relationship between colors. It attempts to maintain relative color values among the pixels as they are mapped to the target device gamut. Sometimes pixel values that were originally within the target device gamut are changed in order to avoid hue shifts and discontinuities and to preserve as much as possible the overall appearance of the scene.

Note: This method should be used for images.

relative-colorimetric
This value preserves the relative saturation (chroma) values of the original pixels. Colors that are outside the gamut are converted to colors that have the same saturation but fall just inside the gamut.
saturation
This value leaves colors that fall inside the gamut unchanged. This method usually converts out of gamut colors to colors that have the same lightness but fall just inside the gamut.
absolute-colorimetric
This value disables white point matching when converting colors.

Note: This option is generally not recommended.

Specifications

Specification Status Comment
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
The definition of 'rendering-intent' in that specification.
Recommendation Initial definition

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
rendering-intentChrome No support NoEdge ? Firefox No support NoIE ? Opera No support NoSafari No support NoWebView Android No support NoChrome Android No support NoFirefox Android No support NoOpera Android No support NoSafari iOS No support NoSamsung Internet Android ?

Legend

No support  
No support
Compatibility unknown  
Compatibility unknown