How to resize image for sharper header image

Hi @anglyp74

we purchases a high resolution image of our group that is of 300 dpi (6767×4511 px) which is 12 mbyte large and I did a resize of it to make it smaller. The image on the web site in mobile mode looks blur so I was wondering if anyone has recommendations as to how to resize so it works on desk top n mobile?

Generally I’d suggest aiming for a size of about 1200-1800px wide at a maximum for on the web. There’s plenty of tools online to do that kind of thing (this is an example). If you upload that resized image – WordPress should do a pretty good job of then scaling it further for other devices.

Thanks so much . This works.

Is there a possibility of changing the image height (i wish to have it higher) on the pages (than start page).

As it is now after image resizing, the web page title name is on the face of some choir memebers.

Hello, I have the same issue. I resize my front page pix to 1800 x 1201 px in 72dpi (it’s a larger format file so it can take the resizing) and still it’s blurred and darker on mobile… I tried the cropped version offered by the theme and the full size version, doesn’t change.

my webiste is : anaistamen.com

I would appreciate any suggestion ??

Hi @anaist, I believe it is a different issue, as I see that the CSS changes applied to your site for mobile devices. Can you create your own topic so someone can check this further?