浏览器图片宽度或高度限制为10000像素?如何超越

时间:2015-09-11 22:37:23

标签: html css image google-chrome firefox

enter image description here

我们有两张照片 - 其中一张9 999像素宽:

  

http://www.picshare.ru/uploads/150912/b7DXF4HNsK.jpg

     

http://jsfiddle.net/esf5d0qn/

<svg width="9999" height="3543"  x="0px" y="0px" xmlns="http://www.w3.org/2000/svg" 
     xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 9999 3543">
  <image overflow="visible" xlink:href="http://www.picshare.ru/uploads/150912/b7DXF4HNsK.jpg" 
         width="9999" height="3543">
  </image>
</svg>

第二张图片宽度为10 001px:

  

http://www.picshare.ru/uploads/150912/PtqiS2dc9C.jpg

     

http://jsfiddle.net/esf5d0qn/1

     

(你看不到任何东西这里 by Fire Fox Chrome 显示错误 有时

<svg width="10001" height="3543"  x="0px" y="0px" xmlns="http://www.w3.org/2000/svg" 
     xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 10001 3543">
  <image overflow="visible" xlink:href="http://www.picshare.ru/uploads/150912/b7DXF4HNsK.jpg" 
         width="10001" height="3543">
  </image>
</svg>

我真的需要这么大的形象,我怎么能这样做?也许以某种方式分裂成片段?

由于

编辑1

我正在使用Windows 7.此处第3张图片 - 16535px宽度。我想现在你必须在这里找到一个问题。我有相同的情况,和10001px一样。

第三张图片宽度为16 535px:

  

http://www.picshare.ru/uploads/150912/2vz86d4eZ4.jpg

     

http://jsfiddle.net/esf5d0qn/3

     

(你看不到任何东西这里 by Fire Fox Chrome 显示错误 有时

<svg width="16535" height="3543"  x="0px" y="0px" xmlns="http://www.w3.org/2000/svg" 
     xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16535 3543">
  <image overflow="visible" xlink:href="http://www.picshare.ru/uploads/150912/b7DXF4HNsK.jpg" 
         width="16535" height="3543">
  </image>
</svg>

编辑2

当我将图像11 MB分成两部分时,我必须以100%的质量保存这些图像,这样每个图像的重量从5.5增加到9+ MB。你必须这样做才能不失去质量(JPEG成本:c“你不能在不损失质量的情况下重新保存JPEG,即使达到100质量(这不是最高质量,但数学优化限制)”)。所以这里的图像质量中等(60%)。如果我要保存11 MB的总大小。并且不想更多地提高半部分图像的质量,那么5.5 MB(中等质量是这种情况下没有增加MB尺寸)
    enter image description here

这就是为什么我正在寻找一种方法来显示宽度大于9999像素的浏览器图像。不将图像分成两部分来显示每个

0 个答案:

没有答案