<img> размыто при просмотре в посте Tumblr, иначе выглядит четким?

Question

Я использую Tumblr. Я вставил изображение, HTML выглядит так:

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

Мое изображение - это точный размер, ширина (400), высота (320). В нем есть текст, и он выглядит четким, если я посещаю URL-адрес изображения напрямую (или локально на моей машине).

В посте Tumblr изображение довольно размытое. Это действительно 400 пикселей в ширину пикселей экрана, но похоже, что применяется какое-то странное сжатие, возможно, через какой-то атрибут css для тега, о котором я не знаю?

Что-нибудь, что я могу проверить, чтобы увидеть, что происходит?

Спасибо

Answer 1

попробуйте присвоить изображению высоту с помощью css, например

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

или даже не используйте тег img, используйте div, например,

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

Answer 2

Я не совсем уверен, в чем проблема, но вы можете попробовать поместить img в div и исправить размер div, используя стиль вместо img. что-то вроде

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