I seem to have a problem with my debut theme banner photo quality

Solved
New Member
8 1 0

Hello Shopify Community!

I seem to have a little major problem - On my phone the design of the photo looks really beautiful & on the desktop version it seems a little pale. I left a photo in here to show-case the colour difference and when you go on my website in your computer & on your phone you see the difference! - https://idr-floss.com/

Any suggestions?Screenshot 2020-01-13 at 19.49.17.png

Sincerely,

Romy

0 Likes

Success.

Shopify Partner
566 122 184

@NewbyRomyy 

 

Go to your theme.scss.liquid file and add the following code at the end of file:

.slideshow__overlay {
    display: none;
}

Cheers,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
0 Likes
New Member
8 1 0

Hey thank you for your solution but I still seem to have a graphical issue.

It's supposed to look like this on my site

 

TESTT1.jpg

I hope that you see the clear difference in these 2 pictures.

0 Likes
New Member
8 1 0

Screenshot 2020-01-14 at 13.25.26.png

0 Likes
New Member
8 1 0

If you take the first picture that I uploaded on this site & compare it to the one that's on my site then you clearly see the difference

0 Likes
Tourist
34 8 3

Hi @NewbyRomyy 

This is the uploaded image. https://cdn.shopify.com/s/files/1/0299/9212/4553/files/TESTT2.jpg?v=1578338363

Does this look perfect to you?

0 Likes
New Member
8 1 0

Definitely not.

This looks perfect

TESTT1.jpg

0 Likes
Tourist
34 8 3

Then maybe the image uploaded by you must have been compressed someway.

0 Likes
Highlighted
New Member
8 1 0
can you un-compress it?
0 Likes

Success.

Shopify Partner
183 27 49

@NewbyRomyy I'm afraid you can't uncompress it. I'll explain what's going on:

 

When a user visits your site, Shopify serves your images (and other things) from their CDN. Shopify's CDN does a number of things such as compressing it, dropping it to 72dpi, creating different sizes (dimensions) so that it serves an appropriate size based on the device a visitor is using and converting it to Webp format for browsers that support it. Shopify call this 'magic stuff that happens automatically' you may see it differently in this case, but what they are trying to do is speed up your site. You can't, as far as I am aware, do anything to prevent this process.

 

Probably not the answer you were looking for, but I thought I'd take the time to explain why it's happening.

 

On a positive note, I'm on a 27in 5k screen and I had to look closely to see what you were on about. I don't think 99% of visitors are going to notice that drop in resolution. But then I am getting older by the day, maybe my eyes aren't as good as they were :)

If helpful then please Like and Accept Solution
1 Like