Image in the content script is not rendered sharply

[Juraj M.]

Can you think of a reason why would image not render sharp when injected into a page through content script?

Look here, left is image rendered in a page as base64.
Middle is the same image in a separate tab (I've right clicked the left blurry image / Open image in new tab)
Right is same page in Firefox, and not blurry.

I'm 99% sure the image has correct dimensions and the fact that it renders fine in Firefox should prove that.

I've tried to set the image-rendering CSS property but it's not helping.

[Juraj M.]

Interesting... resizing window can make the image sharp - when the stars (and pixels) are aligned I guess.