Why image appears "pixelated" despite object-fit cover used
Hello guys, can someone explain why the image appears to be pixelated when kind of zooming out, the same image in the upper right hand-side, there it appears "beautiful" but in the middle doesn't appear in good quality, is the problem related to the resolution itself ?
13 Replies
I’m not an expert on this so hopefully someone that knows a bit more can hop in, but I think it is the resolution yes. If you have a low res image on a larger viewport I believe it becomes more pixelated, you can switch between the same image with different resolutions using the picture tag or srcset for the image tag
you're right, a low-resolution image will look like a smeary pixelated mess
do you guys know any website where I can get good quality img resolution for football please, I need to find the "best" images for football :c
yes: you can look for free stock images or pay up
stock images, like you mean with websites like picsum ?
yes, or adobe stock (paid)
I don't like to pay 😭 will try to see on picsum :c
Ty !
you're welcome
another nice resource for royalty free images that I like to use
https://www.pexels.com/
Beautiful Free Images & Pictures | Unsplash
Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.
Thanks guys, really appreciate, will have a look
maybe not so up-to-date anymore, but i remember sharing this a while back (over 3 years back, time flies)
Fun Spec Fact: we're suppose to have
image-rendering: smooth; and image-rendering: high-quality; to help with situations like this. ...but as i'm sure you can guess there's pretty much no support for them. 💩