图像总是在wordpress网页上加载模糊,并且不会在Safari上加载

时间:2013-12-18 09:23:40

标签: html wordpress image cross-browser resolution

我一直在为我父亲的咖啡馆网站(CMS:Wordpress)工作'www.barcaffecitta.it,我遇到了一个问题,让图像清晰,不模糊,适用于所有浏览器。图像开始时为TIFF,分辨率为7320×5484(64 MB),我最初将其调整为分辨率为2000 x 1498的TIFF并设置html宽度:100%和高度:90%,这使得它在野生动物园中运行良好但是我发现自动不支持其他浏览器的TIFF。因此我尝试将其转换为PNG和JPEG,但每次图像模糊或根本没有加载到Safari中。如果你现在看一下网站上有一个960 x 619分辨率的JPEG,html的高度和宽度设置为px,精确分辨率。如果您可以建议从原始TIFF开始的路线或者图像的惯例,请告诉我。 此外,上传图片时HTML高度和宽度应以像素为单位,如果使用不同的显示器,这将自动调整大小?!

谢谢!

1 个答案:

答案 0 :(得分:0)

<img src="http://www.barcaffecitta.it/wp-content/uploads/2013/12/Caffè-Città-JPEG-cropped960x619-300x193.jpg" width="900px" height="619px" class="alignnone size-medium wp-image-90" />
  1. è写在图片网址
  2. à字母图片网址
  3. 宽度= “900px”
  4. 高度= “619px”
  5. 这些是图像模糊甚至没有在某些浏览器上加载的原因。它应该是:(但重新上传图像的名称为“Caffe-Citta.jpg”)

    <img style="width:960px;" alt="Caffè-Città" src="http://www.barcaffecitta.it/wp-content/uploads/2013/12/Caffe-Citta.jpg" class="alignnone size-medium wp-image-90" />