Reduced quality of header image?

Hi polymathpunk,

The header image is scaled to fill the full width of the header image, which is dependent on the width of the screen the site is viewed on. The larger the screen, the worse the quality of the image will be.

The only way to increase the quality of the image at higher sizes is to increase the size of the header image format. You can do so by changing lines 23 and 24 in functions.php to a height and width of your choice. If you want it to take up the same vertical height of the screen, keep the aspect ratio. A suggestion would be a width of 1920 and height of 624.

I tried increasing the resolution but it didn’t work. My screen resolution is definitely 1280px wide. It seems to me css/wordpress/browser quirk. Here is my website: polymathpunk
If you right click on header image and open it separately( view background image in firefox) you should notice the difference in the quality of image as you toggle between my actual page and the opened background image.
(image is 1280x416px)

As I wrote above, the image will be stretched to fill the entire header container. Even if the image is exactly 1280*416 (and the resolution of your screen is 1280px wide), it might be slightly stretched to fill the vertical space. Given how Hemingway is designed, I’m afraid that’s inevitable.

Edit: I really like the look of Roboto Slab as the headline font, btw.

It seems a browser issue for firefox(could be my settings). It works fine in chrome, IE.
Thanks for the support…