I am designing a website in Adobe XD with bright, saturated yellow tones and food photos for a client right now.
In the app itsself and in the normal preview (command + enter button) everything looks fine and as it should be. But when I create the preview link to send it to the client for feedback – and open it in the browser – the website looks completely diffferent concerning the colours… the yellow tones are a lot more desaturated and the photos do not look crisp enough at all. This is a massive problem concerning CI-Colours and Photo Style…
I attached two screenshots (Adobe XD app and preview link in browser).
How can this be? And what is the solution for this? I never had this problem on any other projects before…
Thank you & Best wishes,
Copy link to clipboard
They also looks difference on Microsoft Photo editor on my machine. PNG have some problems with different browsers color system and also with transparency when viewing. Please try to import your original picture in Ps and esport it again (jpg can be preferable) or use PNG 8 mode.
I did that already before. I used the original Photos as a JPG at the beginnning. They look perfect in Photoshop and also in Adobe XD. But when I create the preview link there is something wrong with the colours! Also the yellow top bar looks totally different from the colour tone. It afffects everything somehow … it's not the Photos.
Did you try in different browsers?
Yes I tried Chrome and Safari. Looks both similiar. Both wrong colours…