在此页

• 句法
• 用法注意事项
• 范例
• 规范
• 浏览器兼容性
• 相关话题

decoding 特性为 HTMLImageElement interface represents a hint given to the browser on how it should decode the image.

句法

refStr = imgElem.decoding;
imgElem.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.

用法注意事项

decoding property allows you to control whether or not the browser is allowed to try to parallelize loading your image. If doing so would cause problems, you can specify sync to disable asynchronous loading. This can be useful when applied to <img> elements, but may be even more so when used for offscreen image objects.

范例

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

规范

规范	状态	注释
HTML 实时标准 The definition of 'decoding' in that specification.	实时标准

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
decoding	Chrome 65	Edge ≤79	Firefox 63	IE No	Opera Yes	Safari 11.1	WebView Android 65	Chrome Android 65	Firefox Android 63	Opera Android ?	Safari iOS 11.3	Samsung Internet Android 9.0

图例

完整支持

完整支持

不支持

不支持

兼容性未知 ?

兼容性未知

元数据

• 最后修改： Feb 22, 2020

相关话题

1. HTMLImageElement
2. 构造函数

   1. Image()
3. 特性

   1. align
   2. alt
   3. border
   4. complete
   5. crossOrigin
   6. currentSrc
   7. decoding
   8. height
   9. hspace
   10. loading
   11. longDesc
   12. lowSrc
   13. 名称
   14. naturalWidth
   15. referrerPolicy
   16. sizes
   17. srcset
   18. useMap
   19. vspace
   20. width
4. 方法

   1. decode()
5. 继承：

   1. HTMLElement
   2. 元素
   3. 节点
   4. EventTarget