图像标签内的图像与源大小不同

  • 本文关键字:图像 标签 html image
  • 更新时间 :
  • 英文 :


好吧。 几分钟前,我还在为此拔头发,但我想我缩小了问题的范围。

在我的 html 页面中,我想使用此 URL 中的图像:

https://vignette.wikia.nocookie.net/mrmen/images/d/d2/Mrtallimage.png

按照我们看到的 URL,图像354px x 864px

但是,如下面的小提琴所示,当在img-tag 中引用图像时,它是200px x 488px

(但是大小合适,如果您下载图像,请上传到Imgur,并引用它..(

https://jsfiddle.net/hync8ovs/9/

所以它必须是服务器端的东西https://vignette.wikia.nocookie.net,当 它在img标签中用作src,对吧?这可能吗?是否可以"强制"原始尺寸?

我很确定,我以前从未遇到过这个问题。

谢谢!

(免责声明:我只是在我的网络应用程序中使用该图像进行测试,该应用程序采用图像网址并分析图像。这张照片表现得很奇怪,我只是想知道为什么。

所以当它在 img 标签中用作 src 时,它必须是服务器端在 https://vignette.wikia.nocookie.net 调整图像大小的东西,对吧?这可能吗?是否可以"强制"原始尺寸?

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

这就是这样做%{HTTP_REFERER}

在 https://httpd.apache.org/docs/2.4/rewrite/access.html 阅读有关它的信息

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

最新更新