Advertisement


Color Management and Photoshop Color Profiles - Web Nightmare


Question

Possible Duplicate:
Choosing colors that work well on projectors
Photoshop “Save For Web” Color Shift problem

Hey guys I'm having a really tough(since yesterday) time figuring out why my output in PS "Save for Web" is always in monitor RGB. This is really a nightmare for me (a beginner) for I'm trying to apply a job as front-end designer.

This is my second time to post question regarding this topic. And this one is more specific than the previous one. I don't really know my exact problem why my output in PS Save for web is always like this:

enter image description here

After saving to web/device, the output is drastically changed from this: enter image description here

My PS Current Color Setting isenter image description here:

Even if I play the color RGB in sRBG, Adobe RGB, and my Monitor RGB or ticked(Convert to sRGB, the output is always i monitor Color like this: enter image description here

Until I came up with this site (How to Fix Color Profile - "proof colors" - Conflict In Photoshop). But the PS used in this site is CS2/3. Im using CS5. I did not yet uninstalled one of the color profiles because im afraid to mess out my display.

My Color Management Setting is: enter image description here

Is there a conflict with my color management that causes my photoshop result even not "Save for Web/Devices" monitor color.

My Image Configuration is: enter image description here

Im really desperate to find a fix to this problem so that I uploaded these images. I would like to apologize if this page loads slower.

By HTML output is very dull colored. And Im not satisfied by it. So I really need a help of a pro who can help me fix this. enter image description here

My laptop is ASUS K45VD.

I just bought this laptop month ago.

MY OS is Windows 8.

Your reply regarding in this matter will be greatly appreciated.

2017/04/13
1
3
4/13/2017 12:46:00 PM

Accepted Answer

If you're saving PNG or GIF images from Photoshop, they can't contain colour profiles. If you're saving JPEG images from Photoshop, they can contain colour profiles.

If you'd like Photoshop to match what you're seeing in your browser, and you're designing user interfaces, and you'd like colours in images to match colours in PNGs and GIFs, then here's how to set up Photoshop:

Step 1 — Choose Edit > Color Settings and set the working space for RGB to Monitor RGB.

Step 2 — If you’re using Photoshop CS6, click More Options and turn off Blend Text Colors Using Gamma, because it changes how non-opaque text is rendered. It should already be off, but if it’s not, turn off Blend RGB Colors Using Gamma as well.

Step 3 — Open a document and choose Edit > Assign Profile, then set it to Don’t Color Manage This Document. This must be done for every single document you work on.

Step 4 — Ensure View > Proof Colors is turned off.

Step 5 — When saving files with Save For Web, ensure Convert to sRGB is turned off. If you’re saving a JPEG file, then also turn off Embed Color Profile (there are some cases where you might want this on for photos, but chances are you’ll want it off for interface elements and icons).

This answer provides way more detail: https://graphicdesign.stackexchange.com/a/9241/3901

2017/04/13
6
4/13/2017 12:46:00 PM

Make sure you don't have "Proof colors" checked in the view menu. That might be causing you some grief.

In general, the less color management you use on your web images, the better. You want to see what others are going to see, and they aren't going to have your color management settings.

2012/12/10