img-tag 中的图像与源大小不同答案

【问题标题】：Image inside img-tag not the same size as sourceimg-tag 中的图像与源大小不同
【发布时间】：2018-11-21 05:45:03
【问题描述】：

好吧.. 几分钟前，我为此烦恼不已，但我想我缩小了问题的范围。

在我的 html 页面中，我想使用来自该 URL 的图像：

按照我们看到的网址，图片是354px x 864px

但是，如下面的 Fiddle 所示，当引用 img-tag 中的图像时，它是 200px x 488px

（但大小合适，如果你下载图片，上传到Imgur，并参考它..）

所以它必须是服务器端的东西 https://vignette.wikia.nocookie.net 调整图像大小，当它在img-tag 中被用作src，对吗？这甚至可能吗？是否可以“强制”原始大小？

我很确定，我以前从未遇到过这个问题..

谢谢！

（免责声明：我只是在我的网络应用程序中将图像用于测试目的，它需要一个图像 URL 并分析图像。这张图像表现得很奇怪，我只是想知道为什么。）

【问题讨论】：

标签： html image

【解决方案1】：

如果它只发生在 JSFiddle 中，则很可能是他们的服务正在执行压缩/调整大小。对图像的引用在任何其他位置都没有什么不同。如果当您在另一个窗口中将其拉起时它被 vignette.wikia.nocookie.net 位置调整大小，它仍应调整为 200 x 488。我不认为这是您在做的任何事情。

【讨论】：

@DonCarlosll 不仅仅是 JSFiddle。它发生在我自己的 Web 应用程序中，然后我制作了一个 JSFiddle 来测试/演示。但这也是我的第一个想法。

【解决方案2】：

所以它必须是在https://vignette.wikia.nocookie.net 的服务器端调整图像大小的东西，当它被用作img-tag 中的src 时，对吧？这甚至可能吗？是否可以“强制”原始大小？

我相信 vignette.wikia.nocookie.net 的服务器会检查 referrer url，然后在未直接（或可能通过同一域）请求时发送较小的图像。

这是%{HTTP_REFERER} 做的。

【讨论】：