img-tag内的图像与源的大小不同

时间:2018-06-11 22:17:27

标签: html image

全权利.. 几分钟前,我把头发拉过来,但我认为我缩小了这个问题。

在我的html页面中,我想使用此网址中的图片:

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

按照我们看到的网址,图片为354px x 864px

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

(但是正确的尺寸,如果你下载图片,上传到Imgur,并参考它..)

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

  

所以它必须是服务器端的东西   https://vignette.wikia.nocookie.net调整图片大小的时间   它在src标记中被用作img,对吗?这甚至可能吗?是否有可能"强迫"原始尺寸?

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

谢谢!

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

2 个答案:

答案 0 :(得分:1)

  

因此,当它在img-tag中用作src时,它必须是https://vignette.wikia.nocookie.net的服务器端,它会调整图像的大小,对吧?这甚至可能吗?是否有可能"强迫"原始尺寸?

我相信vignette.wikia.nocookie.net上的服务器检查%{HTTP_REFERER},然后在不直接(或可能通过相同域)请求时发送较小的图像。

{{1}}这样做。

https://httpd.apache.org/docs/2.4/rewrite/access.html

了解相关信息

答案 1 :(得分:0)

如果它只发生在JSFiddle中,它可能是由他们的服务完成压缩/调整大小。在任何其他位置,对图像的引用没有区别。如果它被vignette.wikia.nocookie.net位置调整大小,当你在另一个窗口中将其拉出时,它应该仍然被调整为200 x 488.我不会认为它是你所做的任何事情。做的。