Question

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

Answer 1

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>