Blurry homepage image with Debut theme

tree55
Tourist
7 0 2

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

 

0 Likes
MS-WEB-DESIGNER
Shopify Partner
2825 176 475

Dear @tree55 

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

0 Likes
Ajay_kumar_dev
Shopify Partner
83 9 9

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) */

 

Expert Shopify Developer & Theme customizer
- If the problem is solved remember to click ✅ to Accept Solution
- Press Like ?? if the answer was helpful
- Still, Facing issue, Reach out to me Email :- kmajay8888@gmail.com | Skype :- kmajay888
0 Likes
tree55
Tourist
7 0 2

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

0 Likes
Ajay_kumar_dev
Shopify Partner
83 9 9
Yes, if this doesn't work , let me know. Will help you out
Expert Shopify Developer & Theme customizer
- If the problem is solved remember to click ✅ to Accept Solution
- Press Like ?? if the answer was helpful
- Still, Facing issue, Reach out to me Email :- kmajay8888@gmail.com | Skype :- kmajay888
0 Likes
Ajay_kumar_dev
Shopify Partner
83 9 9

And, update me

Expert Shopify Developer & Theme customizer
- If the problem is solved remember to click ✅ to Accept Solution
- Press Like ?? if the answer was helpful
- Still, Facing issue, Reach out to me Email :- kmajay8888@gmail.com | Skype :- kmajay888
0 Likes
tree55
Tourist
7 0 2

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

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

0 Likes
Billelabdch
Excursionist
14 1 2

It's because if the theme you used for the design.

0 Likes
Ajay_kumar_dev
Shopify Partner
83 9 9

@tree55 

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

Expert Shopify Developer & Theme customizer
- If the problem is solved remember to click ✅ to Accept Solution
- Press Like ?? if the answer was helpful
- Still, Facing issue, Reach out to me Email :- kmajay8888@gmail.com | Skype :- kmajay888
0 Likes