Need help : How to fix the different color on display whereas I have the same background color image ?

Hello everyone, 

I'm trying to fix a problem with 2 background images which display differently on screen (two kind of blue instead of the same blue). 
I export 2 images with exactly the same background color (no gradient) but when i'm using chrome the color looks different and create a visual break. Opacity background is 0%. This happens only when I'm using chrome and firefox not with safari.

Someone have an idea to fix it ?

Thanks 

56 minutes ago, Mxm said:

Hello everyone, 

I'm trying to fix a problem with 2 background images which display differently on screen (two kind of blue instead of the same blue). 
I export 2 images with exactly the same background color (no gradient) but when i'm using chrome the color looks different and create a visual break. Opacity background is 0%. This happens only when I'm using chrome and firefox not with safari.

Someone have an idea to fix it ?

 

Thanks 

Please share your url to have a look, thanks

Hello

url : https://vanilla-grey-w4yp.squarespace.com 

Thanks 

26 minutes ago, Mxm said:

Hello

url : https://vanilla-grey-w4yp.squarespace.com 

Thanks 

where is the page with the wrong color section?

Many of them:

Home page : https://vanilla-grey-w4yp.squarespace.com
Buyer : https://vanilla-grey-w4yp.squarespace.com/buyer
MSP : https://vanilla-grey-w4yp.squarespace.com/msp
ERP :https://vanilla-grey-w4yp.squarespace.com/erp-gestion
BPO : https://vanilla-grey-w4yp.squarespace.com/bpo-compta-gestion
Marketplace: https://vanilla-grey-w4yp.squarespace.com/solution-marketplace

Thanks for your Help bangank36

Hello Bangkok66, 

Did you found a solution to fix it ? 

The website is now online : https://www.sincro.fr

Thanks again for your help 

On 12/17/2020 at 4:16 PM, Mxm said:

Hello everyone, 

I'm trying to fix a problem with 2 background images which display differently on screen (two kind of blue instead of the same blue). 
I export 2 images with exactly the same background color (no gradient) but when i'm using chrome the color looks different and create a visual break. Opacity background is 0%. This happens only when I'm using chrome and firefox not with safari.

Someone have an idea to fix it ?

 

Thanks 

Issue is the 2 background images has different color, you should ask your designer to generate the new image with same color code

Hello, I am having this issue also, when i upload the two images with same background colour, squarespace changes the colour of one of them and i cannot work out why. I export them from Adobe XD in the same way, they have the same background colour when i open them in mac's 'preview' app prior to upload in sqaurespace, but then one changes colour, do you have any suggestions as to why?

On 1/20/2021 at 7:46 AM, livsoper said:

Hello, I am having this issue also, when i upload the two images with same background colour, squarespace changes the colour of one of them and i cannot work out why. I export them from Adobe XD in the same way, they have the same background colour when i open them in mac's 'preview' app prior to upload in sqaurespace, but then one changes colour, do you have any suggestions as to why?

Can you share link to page where you insert image? We can help easier

On 1/20/2021 at 1:46 AM, livsoper said:

Hello, I am having this issue also, when i upload the two images with same background colour, squarespace changes the colour of one of them and i cannot work out why. I export them from Adobe XD in the same way, they have the same background colour when i open them in mac's 'preview' app prior to upload in sqaurespace, but then one changes colour, do you have any suggestions as to why?

Hello livsoper did you found a solution to fix it ? I tried many option with different app (xd, sketch, illustrator)  to export but stil have the problem. 

Hi, I'm experiencing the same issue and I've contacted Squarespace about this and they told me that it's something that they will be looking into in the future. It seems to be a bug... So annoying.

But you seem to have fixed it now? Did you? Or is it just that it happens to show fine for me?

I have the same issue here: yadiyada.se (it's listed as unsafe, it's going through the SSL process as we speak).

You can see it in the pink color as well as the black at the bottom. It just seems to happen on random and on certain displays... 

Best,

Chris.

I ran into the same issue. I even re uploaded the exact same image the was  uploaded a month ago and the colors are now different. The issue occurred for me on blues similar to yours Mxm.

When comparing the original file to the version after the squarespace uploader handles it, I'm clearly seeing that the SquareSpace uploader is adding saturation to the image.

I found that uploading the image, and then using the SquareSpace image editor to turn down the saturdation by 10 got me very close to the original.

I also found that using a jpeg instead of the png fixes the issue as well. It seems like my PNG files are getting compressed upon upload to squarespace.

Hi Guys!

I think I've solved this issue.

In Photoshop;

— Open your image
— Go to Edit / Convert to Profile
— Under Destination Space, select 'sRGB IEC61966-2.1'
— Click OK
— Save your file (preferably as a PNG)
— Place it in your Squarespace website

This solved the exact same problem I was having. Hope it will fix yours as well.

Cheers.