Skip to main content
December 31, 2020
Answered

Website uploads look washed out

  • December 31, 2020
  • 1 reply
  • 3922 views

Hi,

I'm having an issue uploading a Photoshop illustration to a Squarespace website. I am exporting a jpeg with sRGB profile, which looks fine in the Windows picture viewer. But when I upload it to a Squarespace website, the colours look washed out. I have not had this issue before so I am not sure what I am doing wrong and whether I have an export setting wrong, or whether it is an issues with Squarespace. Also, I always use the 'save for web' option from habit. I don't know if this makes a difference, but as I say, I have never noticed an issue before.

 

I have tried viewing in both Chrome and Edge but with the same result. I have attached a screenshot below. The left image is Windows picture viewer, while the right is Squarespace.

 

Thanks for any suggestions.

 

This topic has been closed for replies.
Correct answer D Fosse

ok, so assuming that it is tagged, do you know what the issue might be?


If it says "untagged", that means the image does not have an embedded profile. There should always be an embedded profile, you should never work with untagged files. The profile is what defines the colors.

 

If you're exporting with profile embedded, you need to find out where and what is stripping the profile.

 

All major web browsers today support full color management, and they should always display identically to Photoshop.

 

There are a few applications without color management support, and they will never display correctly anyway. Windows Photos is one of them. It cannot be trusted, disregard it.

1 reply

c.pfaffenbichler
Community Expert
Community Expert
December 31, 2020

Did you embed the profile? 

Please set the Status Bar to »Document Profile« and post a meaningful screenshot of the image opened in Photoshop. 

December 31, 2020

Thanks for your reply, I have included a screenshot with the document profile visible, but in case you cant see it, it says 'Untagged RGB (8bpc)'. I have also attached a screenshot of my export settings.

 

 

Per Berntsen
Community Expert
Community Expert
December 31, 2020

"It's the hardware acceleration in the web browsers"

 

This is a red herring, don't know who marked it as correct.

 

If your web browser is correctly color managed, it will display identically to Photoshop, hardware acceleration or not. To be correctly color managed, the profile must be embedded. It's the very first thing you always need to make sure.

 

If it still doesn't display correctly, it's a broken monitor profile or a buggy video driver, and that's where you need to start troubleshooting.


I suspect that you have set the RGB working space to Monitor RGB in Photoshop's color settings, which disables color management. Set the RGB working space to sRGB or Adobe RGB.

And make sure that Preserve Embedded Profiles is selected under  Color management policies.

 

 

If you are creating new files, make sure to choose a color profile.

sRGB is the safe choice.