Image resolution

[CTMaster]

I’ve uploaded an image at the highest possible resolution and placed it on referenced page, but it looks really blurry. Have I missed something? Thank you.

[David Martin – Support]

Hi,

That image is very, very large. Did you need it that big as it’s only contained within a 560px div?

Can you use the actual width of the div being 560px ?

Thanks.

[Nishant – SUPPORT]

Hi,

Please use the custom CSS code below.

.spb_single_image img {
  position: initial;
}

This should resolve the issue.

[CTMaster]

That CSS did the trick, thank you very much!

I did not need the image to be that large, but made it larger cuz I thought it would help with the resolution. If I make the image size smaller now (so it loads on the page faster), will that CSS still help or should I leave the image size as is?

Thank you!

[Rui Guerreiro – SUPPORT]

Hi,

Can you explain further your doubt? Didn’t understand it.

-Rui

[CTMaster]

Martin (above) asked if I could make the image size smaller to fit the div — 560 px. I could do that, but if I do, will the CSS code that Nishant (above) gave me still work? Or should I just leave the image size as is (much larger) so the visual display is better? Thank you.

[David Martin – Support]

Hey,

Nishant’s code will work for either option, however remember the bigger the images you serve to your visitors the more you will slow your site down as it will need to load those images.

If you can optimize the size, it may benefit your site and users experience.

Cheers.

[CTMaster]

OK, great, I will indeed go back and re-optimize that image now. Thank you all so much for your help!

[Mohammad – SUPPORT]

Hi,
You most welcome.
Thanks
Mohammad