The decoding property of the SVGImageElement interface represents a hint given to the browser on how it should decode the image.


var refStr = SVGImageElement.decoding
SVGImageElement.decoding = refStr;


A DOMString representing the decoding hint. Possible values are:

  • sync: Decode the image synchronously for atomic presentation with other content.
  • async: Decode the image asynchronously to reduce delay in presenting other content.
  • auto: Default mode, which indicates no preference for the decoding mode. The browser decides what is best for the user.


var img = new Image();
img.decoding = 'sync';
img.src = 'img/logo.svg'; 


Specification Status Comment
HTML Living Standard
The definition of 'decoding' in that specification.
Living Standard Initial definition.

Browser compatibility

Update compatibility data on GitHub
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
Chrome Full support 65Edge Full support ≤79Firefox ? IE ? Opera ? Safari ? WebView Android Full support 65Chrome Android Full support 65Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android Full support 9.0


Full support  
Full support
Compatibility unknown  
Compatibility unknown
Experimental. Expect behavior to change in the future.
Experimental. Expect behavior to change in the future.

See also