<img> 在 tumblr 帖子中查看时是模糊的，否则看起来很清晰？答案

【问题标题】：<img> is blurry when viewed in tumblr post, otherwise looks crisp?<img> 在 tumblr 帖子中查看时是模糊的，否则看起来很清晰？
【发布时间】：2012-01-27 12:55:16
【问题描述】：

我正在使用 tumblr。我插入了一张图片，html 看起来像：

<img height="320" src="foo.png" width="400" />

我的图像确实是那个精确的尺寸，宽度（400），高度（320）。它里面有文字，如果我直接（或在我的机器上本地）访问图像的 url，它看起来很清晰。

然而，在 tumblr 帖子中，图像非常模糊。它确实是 400 像素宽的屏幕像素，但看起来可能通过我不知道的标签上的某些 css 属性应用了一些奇怪的压缩？

有什么我可以检查的吗？

谢谢

【问题讨论】：

你能提供一个链接到这个现场发生的事情，或者截图吗？图片的链接是什么？

标签： html css tumblr

【解决方案1】：

我不确定是什么问题，但您可以尝试将img 放入div 并使用样式而不是img 来修复div 的大小。像

<div style="height:320px;width:400px;">
  <img src="foo.png" />
</div>

【讨论】：

【解决方案2】：

例如，尝试使用 css 为图像指定高度

<img style="width: 400px; height: 320px;" src="foo.png" />

或者甚至不使用 img 标签，例如使用 div

<div style="background: url(foo.png); width: 400px; height: 320px;"></div>

【讨论】：

不，请不要。您应该指定图像的宽度和高度，以便浏览器在下载图像时为图像保留该空间量。此外，将其作为一个部门的背景会删除其语义。此外，在大多数情况下，打印页面时背景不会出现。