Question

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

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

我的图像确实是大小，宽度（400），高度（320）。它有文字，如果我直接（或在我的机器上本地）访问图像的网址，看起来很清晰。

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

我可以检查一下，看看发生了什么？

由于

Answer 1

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

之类的东西

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

Answer 2

尝试使用css为图像赋予高度，例如

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

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

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