0

Here's an icon made with photoshop:

enter image description here

Looks fine when I open it in Preview or Safari.

When I upload it to discord, the colours change completely:

enter image description here

I'm assuming this is due to the fact that photoshop saved it with an embedded color profile? And Discord isn't rendering it with this colour profile?

E.g. I've noticed photoshop's RGB values are different than my system-wide rgb values:

/Users/George/Downloads/Screen Shot 2018-01-21 at 12.40.57.png

All I want to know is, how can I take that PNG (the first one) and make it so that when I upload it to discord it will still look the same?

| improve this question | |
  • Well what is your document profile set to? And do you actually have a calibrated monitor? – joojaa Jan 21 '18 at 14:41
  • @joojaa of course, all monitors are calibrated? the monitor has nothing to do with this though – theonlygusti Jan 21 '18 at 14:46
  • No, most monitors are not calibrated abou 98% have never been calibrated or profiled. This calibration needs to be done on a monthly- weekly basis for it to be meaningfull. Also without a calibrated monitor fighting about this is aboit as useful as a bike is for a fish. The error people on other monitors is grater than the error you see also i can not see the same error for the simple reason that your monitor is not calibrated. But you didnt answer the question. – joojaa Jan 21 '18 at 14:58
  • @joojaa I don't know what a document profile is. Also, monitor calibration has nothing to do with this. – theonlygusti Jan 21 '18 at 15:03
  • Off course it has, photoshop is trying to emulate some space on the space your OS tells the monitor is in. If your monitor is in sRGB which they frequently are not then setting profile to sRGB wont help. Anyway look into Edit -> Color Settings – joojaa Jan 21 '18 at 15:16
-1

I came up with a method that avoids photoshop because it seems every time I touch that everything breaks. My method is to take the graphic created with photoshop, and use it to punch a hole through a sample of the color that I want.

I opened that png, the one that was meant to be my icon, in Preview.app (not photoshop because photoshop was messing everything up) and then maximise contrast, made saturation as low as possible, and mess around with other settings, like maximising/minimising exposure, to make it completely black on a transparent background.

Then I cmd-A copied it all, drew a white rectangle, and pasted it down again. So now my original image is a completely black-on-white icon.

The color settings in Preview let you invert colours by moving the leftmost levels arrow to the right, and the rightmost to the left.

Now it should be white-on-black. Save that. This will be a mask.

enter image description here

Then I screenshotted the color I actually wanted. I used Preview's resize to resize that color to a 1000x1000px square (the size of my final image). Just a solid color. Screenshotting a solid block of color from the original png that you want to preserve the color of (first image of question) would have worked too.

enter image description here

Then I ran this command with imagemagick:

convert color.png mask.png -alpha off -compose copy_opacity -composite warningicon.png

It spat out exactly what I wanted, which was a png of the correct color that doesn't weirdly change colours when uploaded to discord.

enter image description here

| improve this answer | |
  • It does not really answer the question as asked. it might do what you want. – joojaa Jan 22 '18 at 14:36
  • @joojaa I think it does answer the question "all I want to know is, how can I take that PNG (the first one) and make it so that when I upload it to discord it will still look the same?" – theonlygusti Jan 23 '18 at 7:16
  • Yes. Nobody else would have had a chance to answer this particular answer thus its invalid as the question was asked. Thus as answer its out of scope. Since its your question your free to edit them to match. – joojaa Jan 23 '18 at 8:09
  • @joojaa this answer and the question do match. I don't understand what you mean "nobody else would have had a chance to answer this particular answer"—answers aren't meant to be answered. It's a totally, 100% valid answer to the question. – theonlygusti Jan 23 '18 at 8:44
  • You need to tag it with something other then photoshop and say your willing to accept nonphotoshop answers. Though its just easier to configure your photohop. But then i can not revert the negative vote. Just saying, – joojaa Jan 23 '18 at 9:17

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.