在移动safari中缩小的图像模糊(仅在1页上)

Question

我创建了a website。在移动safari中查看时，projects page上的图像看起来很模糊。然而，project detail page上的图像是非常清晰的。

我不知道是什么让图像变模糊了。图像的分辨率足够高，所以它与视网膜显示没有任何关系。

Answer 1

您正在使用html调整图像的大小。使用photoshop或在代码中创建单独的、重新采样的较小版本的文件。

浏览器调整图像的大小不好，你应该使用软件来调整大小(如果你喜欢，可以用你自己的代码来完成)。

只需将图像大小放入您的标记，将使其进行非重新采样的调整大小，这通常看起来很垃圾。

此链接已过时，但它说明了您需要知道的内容...http://graphicssoft.about.com/od/aboutgraphics/l/blresizehtml.htm

这在你的pc上工作的唯一原因是，现代pc在浏览器中调整大小时会进行重新采样。并不是所有的手机都能做到这一点，而移动手机可能不会。