What color profile should i use for web

In Photoshop you can choose to include or exclude the ICC color profile metadata when you choose Save As to save an image for the web. There are pros and cons to leaving the color profile off. Leaving the ICC color profile off can result is potentially a better option for images on the web:.

If you want to find out more about color profiles and the rationale for using sRGB for your web images, here are some links:. OM4 is an Australian based web agency that helps you find customers and convert online. We specialise in creating custom designed WordPress and WooCommerce websites that our clients can update themselves.

Since then, I've had no problems: I take screenshots of my work in Photoshop and I upload them for the developer to make use of. He gets to see the same colors I see and use when developing the design, and I don't have to jump through hoops to see what I'm actually doing. Is it really necessary to use sRGB in a web design I understand the implications of not using it in something like photography or print when it only adds more work by forcing you to use Proof Colors?

That's just how I see it, please correct me if I'm wrong. Since saving with an ICC Profile will lead to some browsers correctly applying the profile while others ignore it, the article also says that it's probably the best idea to just design with sRGB and then save without the ICC Profile.

Doesn't that defeat the purpose of using the color profile in the first place? Or am I misinterpreting what the article says? My sometimes controversial opinion: People who recommend using sRGB for user interface and web design are crazy.

Here's why. For colour management to work for screen design, there's three important things that must happen. If you don't have all three, colour management does not work at all. Having one or two of those things means the entire chain is broken. And a lot of browsers don't behave correctly, so number 3 is also out in a lot of cases. If you're building web user interface elements, then your best option is to set up Photoshop to target "device RGB" native colours with no profile or colour management.

Doug Avery's advice is good. The important portion of his post is the grid he uses for comparing all the results. No, it's not necessary. In fact, to assume sRGB is helping demonstrates a lack of understanding of the topic. You can't do part of that without doing all and expect any benefit from colour management.

If you're saving GIFs or PNGs from Photoshop, then you're never going to have an ICC profile in your images, so you need to make sure your workflow is set up for that and how browsers will treat the images. The final published file save for web has no profile, but using sRGB during it's creation is needed on Mac -- at least is is on ours if you want the colors to look similar on Mac and Windows.

I distinguish between the production environment known and self controlled and the output device, and I arrange the workflow according to what's best for photos. Let me explain:. When I open photos from my digital camera I have the option to open them with the contained sRGB profile. If I open them without the profile I'd loose important information colors look differently. So I also keep the profile for further processing. With the contained profile Photoshop can adapt the colors to my monitor profile, to the profiles I access for proof colors, to my printer profile and to all the profiles my colleague is working with.

If you use photos in your design files, then you should create the blank canvas with an attached profile. And if you hand over the design file and not the final graphics to a developer it's good to still have the profile attached I save the final files without profile and they look as expected. Why is that so? I think because graphics without profile get interpreted as if they had an sRGB profile attached to them maybe someone knows a reference for this.

And I would also guess that when you take a screenshot your system converts the colors from your monitor profile to sRGB or you have a very good monitor close to sRGB color space. The answer to your first question: If you don't use sRGB in the workflow, all used images from other colorspaces will eventually not have accurate or even cropped colors on the web. Log in Cart 0 Checkout. I personally believe that, like so many things in the photography world, the color profile you should use comes down to: The type of work you do The equipment you have on hand and Personal preference.

So, with that in mind, let's talk about the pros and cons for each color profile. If you shoot, edit, print and share online in sRGB, you aren't going to run into any huge color surprises.

You also will not need to convert your files before sharing online, because they will already be in the standard, readable format for web browsers. Disadvantages: The tradeoff here is that you won't have the broad range of colors provided by AdobeRGB, You may also find that your colors don't have quite the same amount of "oomph" as they do in AdobeRGB.

It will also provide you with more vibrant color. What's not to love about that?