Ps Cs2 : Save For Web Color Issue!

[halo]

flatten the image before save for web, and you want to work in the sRGB profile space before moving to save for web. This is because the majority of systems and browsers work togther to assume an sRGB colour space when viewing images.

[xsenos]

now it looks fine on the monitor, but on the webI'll take it as it looked fine in Photoshop but not when saved for web, huh?

As Halo said, flatten the image before saving. To avoid unnecessary lines accross the edges, make sure that the matte color when saving for web matches the picture's background color.

[klingspor]

PS (all versions as far as I know) has a problem with PNGs... they come out wrong when viewed in Internet Explorer, though Firefox seems to render them the way they are intended. There's a free tool called pngcrush which can fix the PNGs.

Could that be your problem?

[KW2006]

Hi,

thank you VERY much for the replies. (sorry for the title caps previously)!

to clear up a few things, here are some q's and a's:

halo: okay i will flatten the image, I was actually using 'copy merged' instead of flattening, and taking the graphic I need and setting it up on an html page. i'll see if flattening does anything different.

can you post a screenshot of which sRGB you're talking about? There are so many of them (monitor srgb, sRGBblahblah1961-2.1). i'd love it if you can post a screenshot of your "color settings" window just so I can clear up my options (because i've changed a lot of them quite a bit). thanks!

xsenos: yes in photoshop is how I need it to look, and on the web the color shifts. what exactly do you mean "matte color matches the pics bg color" ? ive zoomed in 1600% to make sure the graphic I was cutting out of the document blended / matched into the bg color.

stefanminning: i am using JPG format to save this. remember this is all html splash page, not a flash splash page.

++

Tested! : to test, i've set a bg color of "#FF0000" in the html page. in photoshop, i made a small box (same exact color) to see if it blends in when testing on an html page. yet, the box looks much brighter on the web!

thanks guys, any screens will help, because my options are quite a bit messed up. (i think i fiddled with the PROOFs also lol)

[KW2006]

AH! Got it! I went to edit > assign profile > sRGB IEC61966-2.1 after flattening. File > save for web > jpg quality 100 > matte color: (#color of bg).

PERFECT works like a charm, no idea why this wasnt working yesterday. Thanks a bunch guys :applause:!

edit: nevermind.

[berniebernie]

funny you should ask, someone had the same question not too long ago: http://forums.cgsociety.org/showthread.php?t=266808

[KW2006]

Hmm

I'd have to take what I said back. I turned my computer off for a few hours and now my eyes mustve done something but the image looks brighter and the edges are now bluer/brigther and more visible.

omg :/

mlkdesign: i set the matte color in SFWeb options, but now its just brighter...so weird.

[KW2006]

edit AGAIN: i sliced my graphic part that was needed and opened in new document. trashed bg layer, flattened. REPICKED matte color with eyedropper tool and saved as jpeg. uploaded and watched the edges as i refreshed the page.

edges changed to bg color and blended in great.

im just creeped out cause it works 1 second and doesnt the other haha (thx for the help though guys!)

+ maybe this should be a sticky for everyone in the web process?

[CGTalk Moderation]

This thread has been automatically closed as it remained inactive for 12 months. If you wish to continue the discussion, please create a new thread in the appropriate forum.