获取网站图片的真实宽度和高度

【问题标题】：Get real width and height of website images获取网站图片的真实宽度和高度
【发布时间】：2017-08-17 21:49:24
【问题描述】：

在每个网站上都有大量超大图片。对于oversized，我的意思是真实图像的宽度和高度高于该位置，该位置可用于 HTML 和/或 CSS 规则的图像。原因是 - 图片被浏览器缩小了。

如何从网站获取具有真实尺寸和可用尺寸的图片？

【问题讨论】：

stackoverflow.com/a/1944298/4341456
Determine original size of image cross browser?的可能重复
您在哪里看到可能的重复项？只需比较接受的答案和其他线程中的答案

【解决方案1】：

如果我正确理解您的帖子，您可以使用naturalWidth 和naturalHeight 来确定图片的原始尺寸。

img = document.getElementById('image');

img.addEventListener('load', function() { 
  console.log('width', img.naturalWidth);
  console.log('height', img.naturalHeight);
});

#image {
  width: 200px;
}

&lt;img id="image" src="http://i.imgur.com/PDE3MLe.jpg" /&gt;

【讨论】：