Blurry homepage image with Debut theme

[tree55]

Hi,

I've spent a good couple of hours trying to get my homepage image on my Debut theme to display correctly.

It looks pixelated and low resolution. I tried png, jpg and removing the colour profiles - still I've been unsuccessful.

All other the images across the site are sharp.

Any tips for resolving?

Here's the link to the site 

https://thegivingchristmastree.com

[MS-WEB-DESIGNER]

Dear @tree55 

If you add high quality images then need to adjust through CSS

[Ajay_kumar_dev]

Hi @tree55  

Try this CSS

image-rendering: -moz-crisp-edges; /* Firefox */
image-rendering: -o-crisp-edges; /* Opera */
image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */

[tree55]

Thanks @Ajay_kumar_dev - do I add this code to theme.css?

[Ajay_kumar_dev]

Yes, if this doesn't work , let me know. Will help you out

[Ajay_kumar_dev]

And, update me

[tree55]

@Ajay_kumar_dev, thanks for confirming where to add the code.

 I've added it, but the image still isn't sharp.

[Ajay_kumar_dev]

@tree55 

Most of the time, it works. Maybe we need to look into the theme files. 

[Starrla317]

I had the same problem but I don’t know code can you tell me how to remove the gray overlay from my homepage display?

[tree55]

##- Please type your reply above this line -

I didn’t resolve the issue. I’d love to know how.



Sent from my iPhone

[Starrla317]

I couldn’t fix it but instead I made the image bright and vivid so that it would look closer to the original but it actually came out looking great! StarrlasArt.com