I uploaded a 1920x600 image for my hero section and selected cover to have my image take up the whole section. The image looks blurry tho… I am using a hi-res iMac screen, should I make my image larger than that? If so what size?
I want my image to be sharp on all screen and plan on uploading smaller images for mobile and tablets.
Can you please update your post with some more information so we can help you faster? Things like screenshots and your environment info really speed things up.
The background looks fine to me. When you’re using COVER for background images, you have to expect the image to get a bit low in quality. Making it bigger is a good way to try to fix this, but then you’ll be fighting with the file size.
Right now I see that your background image is a PNG with a file size of over 400K. Try making this a JPG to save load time.
It looks blurry to me. What would be the max size you suggest to get a real crisp image?
I’m using safari right now. I use chrome as well, maybe I will log in with chrome and check it out.
I have tried a few different images and image sizes. Here is the latest. The first is the original image. Its 2500x1600. I made it super large to test the quality but as you can see in the screen shot. Its actually worse than the smaller images. The color palatte isn’t event right.
Any image I have tried looks good when it is the size of the container but any larger and its not looking right, doesn’t matter what size the image actually is.
@PixelGeek The image is 2.5mb. Would a larger size image change the color profile?
In general what size should I upload to get really crisp images that are responsive for all screen sizes?