I run a little site for a [german indie record label](https://staatsakt.com) and I have this weird issue I can’t seem to solve. Probably an easy fix, but I can’t seem to find it.
The problem is that “featured images” appear fuzzy when they are shown as thumbnails above a certain browser window size. The problematic images are uploaded at 16:9 1920×1080. When the browser window gets scaled down below a certain size, the images get sharp again.
The weird thing is that images that are being uploaded at a ratio of 1:1 at 1500×1500 are fine at all browser window sizes.
The fuzzy images are the 4 in the “news” section up top… the ones working as expected are the 4 below it in the “records” section.
I would upload the featured images as squares, but this isn’t practical when the featured image is being displayed on the top of the according post where I need it to be 16:9.
I am comfortable editing css and code in the backend, so if theres a fix you can come up with that requires modding in this fashion, I am confident I can implement it.
Thanks for your help!
Edit: Unsure why the preview image shows below this post.. I can’t remove it. Sorry for that.
[ad_2]
Are they added to the Featured Image section on the right in the page settings? WP generates different sizes of an image when it’s uploaded. It might be showing the Thumbnail size. When a small image is too large, the resolution goes down. Right click, and Inspect the html. Or download the image and see what it’s dimensions are.