;在 tumblr 帖子中查看时是模糊的,否则看起来很清晰?

发布于 2024-12-29 09:27:33 字数 317 浏览 0 评论 0原文

我正在使用豆瓣。我插入了一个图像,html 看起来像:

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

我的图像确实是确切的尺寸,宽度(400),高度(320)。它包含文本,如果我直接访问图像的 URL(或在我的机器上本地访问),它看起来会很清晰。

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

我可以检查一下到底发生了什么吗?

谢谢

I'm using tumblr. I've inserted an image, html looks like:

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

My image really is that exact size, width(400), height(320). It has text in it, and looks crisp if I visit the url of the image directly (or locally on my machine).

In the tumblr post however, the image is quite blurry. It is indeed 400 pixels wide in screen pixels, but looks like there's some weird compression being applied possibly through some css attribute on the tag that I'm not aware of?

Anything I can check to see what's going on?

Thanks

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

仲春光 2025-01-05 09:27:33

我不太确定问题是什么,但您可以尝试将 img 放入 div 中,并使用 style 而不是 div 修复 div 的大小代码>img。类似的东西

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

I am not exactly sure whats the problem but you can try putting the img inside a div and fix the size of div using style instead of img. something like

<div style="height:320px;width:400px;">
  <img src="foo.png" />
</div>
℡寂寞咖啡 2025-01-05 09:27:33

尝试使用 css 给图像指定高度

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

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

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

try giving the image a height with css for example

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

or dont even use an img tag use a div for example

<div style="background: url(foo.png); width: 400px; height: 320px;"></div>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文