SRGB or RGB for web?

I know when i convert my images to be uploaded for my clients for their online gallery- they should be converted to sRGB. I just noticed at the bottom of my camera RAW 4.1 there is an option to switch it right there where it gives the information -( with the bit and ppi number)
-should i swith it to sRGB here before editing in CS3?
-should i switch my images to 300 ppi and 16 bit as well?
thanks in advance...

>-should i swith it to sRGB here before editing in CS3?
Sure. If you don't need a different version of your image, this will save you the conversion step. (I'm assuming your working space is also sRGB?). However, if you print your images yourself or use a pro lab that handles other profiles, you may want to rethink that.
>-should i switch my images to 300 ppi and 16 bit as well?
It all depends on the final intended use of your images. If you normally work with 16 bits images and need 300 dpi for printing, by all means do the conversion right there in ACR.

Similar Messages

Activation of "Convert to sRGB" in "Save for Web"

Hello,
I am using a script scaling and exporting my image via "Save for Web and Devices". When I open the menu there's a checkbox called "Convert to sRGB" - I want to activate that checkbox via Script, as then I get the wanted colour results. I already had a look at the guide PDFs, but I didn't found that option, not as part of the export options array, nor generally elsewhere in the PS scripting guide.
So here's my question: how can I activate that checkbox with script?
Thank you
Thomas

I believe the 'ColorSpaceType' of the Export options is what you need.
EDIT: Sorry, I may have misspoken, I was under the impression that was part of the Export Options, but it does not seem to be.

Converting new CMYK logo to RGB for web, poor results

I have a new logo using 4 cmyk colors. (we print a lot and always print cmyk, not spot/Pantone). When I convert to RGB, especially the blue and somewhat the green-- lose vibrancy. The blue is pure cyan, 100-0-0-0. The left image is a screen grab of cmyk and right is rgb. You often lose vibrancy going from RGB to CMYK, which is not surprising considering the limitations of CMYK. But why an issue going the reverse? Same result in photoshop & illustrator.
What is the best way to create an RGB version of a CMYK or Pantone logo that is as consistent on the web as possible? This logo needs to be colorful and saturated, so the blue looking dull is more serious. Thanks.

Use document >> color mode >> RGB. You will then have much more vibrancy when tweaking RGB colors, and be designing in a space that matches your output.
If you have not color calibrated your monitor do that first. I would also hold up a printed piece to the monitor and match your RGB document to that. That will take away any monitor color shift to press.
When you are done write down the RGB numbers, not the CMYK numbers, and use the RGB numbers for future RGB doucuments. I got 0, 155, 230 for my monitor calibration North AmericanGP2.

Turn off convert to sRGB in save for web CS4

Hello,
In CS3 I had the option of turning this off. In CS4 It's turned on and grayed out so I can't turn it off. See attached picture. Any suggestions are greatly appreciated.
Thank you. -chris

I do not know what caused this for you but it is still an option in CS 4 perhaps your setting folder corrupt.
So it is time to trash your preferences.

RGB Colours change when saving for Web

I'm saving work in RGB for Web, but the colours come out muted when saving through "Save for Web" also when saving as normal. Does anyone know why this happens? Normally this occurs through RGB to CMYK conversion, but can't figure out why it's happening, they look fine on screen before saving, but look all muted when saved.
Cheers

Two things: you could be working in Adobe RGB and saving directly to JPG, without converting to sRGB first. When the sRGB profile is assumed (Windows), or your narrow-gamut display profile is assumed (Mac), you get a color shift. So make sure you converting to sRGB as or before you save the JPG. Also, if you're on a Mac, then the display profile is assumed or assigned to images from the web. If you're using a laptop, the display gamut is much narrower than even sRGB, so you will see a color shift. The way around this is to use a browser capable of assigning sRGB to untagged images (like Firefox with color management enabled).
You can always embed sRGB profiles in your images, which would be fine for portfolio pieces, but impractical for smaller images. Embedding a color profile will ensure that Safari displays the images correctly.
Read here for a start:
http://www.gballard.net/psd/saveforwebshift.html

CS4 Save For Web GIF settings confusion

Hi,
I am working on a new website and have run into a problem I just can't seem to solve: my navigation links are made using a GIF and for some reason the background color of the GIF is not matching the background color of the page.
The test page is here:
http://www.johnblaustein.com/webtest2/
Note that nothing in the page is working yet. If you look closely, you will see that the navigation image is a slightly different color than the background. Very slight, but different. (Once I solve this color issue, I will make each link into a separate button with slices.)
In PS, I have created a file as follows: new file (72dpi), fill background with the same color I use on the webpage: c4c0b4. Create new layer and add the type. The new file is in Adobe RGB, but I convert to sRGB before saving for web (although I don't think that matters). When I Save For Web, I started with the default GIF settings, but when I got the color mismatch, I tried any number of other settings. I read a post here that suggested turning off the background layer of the image before Save For Web, but that resulted in the text looking bad. I've tried different color settings (32, 128), matte settings and other settings with no luck. Convert to sRBG is always checked.
I like solving these things on my own, but I struck out on this one. I am here in the hopes that one of you gurus can tell me what I am doing wrong.
Thanks very much.
John

SUCCESS!
Curt.... you were correct. I needed to create the new file in sRGB, not create the file in Adobe 1998 and then convert.
Here is another test, showing that the text box has completely disappeared:
http://www.johnblaustein.com/webtest2/nav-srgb-test
The text box is exactly the same size as in the original page I posted.
What I did is this:
Create new file to specified dimensions. In the New File dialog, for Background Contents, I selected my webpage color, c4c0b4. I clicked the Advanced arrow and selected sRGB as the color profile. I added white text, then flattened the image. In the Save For Web dialog, I clicked the Preset dropdown and selected GIF 128 Dithered and did not change any of those preset settings. I inserted the new image into a copy of the webpage and you can see that there is absolutely no indication of where the image ends and the page background starts.
I may not need 128 colors, so I'll play with that, but at least I know where the problem is.
So... thank you Curt!
What would we do without these forums?
John
By the way... I see your message was cut off in the forum, but the full message came to my email: "I am over my head on this subject. The only thing I noticed is that you are adding the color in AdobeRGB and then converting to sRGB. Will this give a slightly different color than using sRGB for the New Image from the start?"

Color profiles for web and print

Hi,
I am editing photos from my DSLR. They were shot as jpg in Adobe RGB. I am editing photos for both web and print at the moment and was wondering if there is a way to do that so that I would be able to edit for both simultaneously in the Photoshop process.
Here are the details for what I normally do:
For print, I would work photos over in AdobeRGB while the Proofing option is set to Working CMYK (usually SWOP, depending on what printer I use). Then I'd flatten the artwork, resize and sharpen, and change the color mode to CMYK, save as TIFF.
For web, I usually edit while RGB Color Settings are set to sRGB IEC61966-2.1, and Proofing is set to Monitor RGB. I flatten, resize and sharpen, and Save for Web.
Is there any way I can edit a single photo (shot in Adobe RGB) so that they can be used for BOTH print and web? I know CMYK vs. RGB would mean that they would end up looking different in the end, but is there any way I can have a single Photoshop file for a photo and go through the necessary steps to make it ready for print and for web... or is it that due to color profiles and proofing options, there's nothing I can do but to edit each photo twice?
Thanks in advance to anyone who might be able to help.

karoleend wrote:
Thanks for the advice. I'll try that out.
I posted my second question before I read your response, but yes, it does seem the best choice to convert to sRGB when Saving for Web. And you say you place your .psd file into an InDesign document? Do you do that if you only wish to save as a pdf... what do you personally do when saving as TIFF for print?
I don't save Tiffs for print. I use PSDs. I don't ever give ID files with all linked files to the printer only PDFs. If i'm working on something like a coffee table book I would do the conversion in Photoshop. but most magazines and newspapers, CD covers, posters, brochures everything stays aRGB until I make the PDF.

Why do ProPhoto RGB files "Saved For Web" with "Convert to sRGB" selected show up as "untagged" after saving?

For years I've managed my entire workflow in sRGB, thinking if I can make an image look good in sRGB, it's golden in any other color space. Lately, however, I've begun shooting in Adobe RGB and mastering my images in ProPhoto RGB. When I save an image for the web, using the "Save for Web" menu item, and check the box that says "Convert to sRGB", the images look fine, but when I check the color profile in Bridge, it says "Untagged", not sRGB IEC61966-2.1, as I'm used to. Am I doing something wrong, or is this normal?
Thanks!

I'm using Photoshop cc2014, Mac mavericks. I'm not near my computer right now, but if memory serves, both Convert and Embed are checked. Wouldn't bet my life on it, but I'm pretty sure. I'll definitely confirm tomorrow. Thanks!
Sent from my iPad

CS6 "Save for Web" "Convert to sRGB" Issues

Hello,
I'm aiming to take RAW photo files, edit them in a wide color space, and when posting them to the web, save them as sRGB.
My workspace is as follows:
I open RAW files in Photoshop via ACR as 16-bit ProPhoto smart objects.
When I finish editing them, I use "Save for Web" with the "Convert to sRGB" and "Embed Color Profile" boxes checked.
Photoshop and Bridge tell me the profile in photos saved as such is sRGB as expected. When I upload to a site like flickr, however, the metadata says the photo is still in ProPhoto. See an example here: http://www.flickr.com/photos/nrbelex/7950202448/meta/in/photostream
If I use "Convert to Profile" and change it to sRGB, then upload to flickr, the metadata says the photo is in sRGB, as it should be.
What am I missing here?
Thanks!

Without using Flickr, I'm not seeing any problem with any of the color-managed software I have here.
The ProPhoto test file I prepared, when Save For Web is used, is saved with sRGB numbers and (since I checked the box) has the sRGB IEC61966-2.1 profile embedded in it.
Photoshop re-opens the file and correctly judges that it has the sRGB IEC61966-2.1 profile.
A search through the binary data from the file Saved For Web using a text editor turns up a number of references to sRGB IEC61966-2.1, but none to ProPhoto RGB.
Your first image above, however, has BOTH references to sRGB IEC61966-2.1 and ProPhoto RGB, the latter appearing in a string of text data that looks like:
<rdf:Description
rdf:about=""
xmlns:xmp="http://ns.adobe.com/xap/1.0/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:aux="http://ns.adobe.com/exif/1.0/aux/"
xmlns:photoshop="http://ns.adobe.com/photoshop/1.0/"
xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
xmlns:stEvt="http://ns.adobe.com/xap/1.0/sType/ResourceEvent#"
xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#"
xmp:Rating="3"
xmp:ModifyDate="2012-09-07T12:40:05-05:00"
xmp:CreateDate="2012-09-06T19:18:56"
xmp:MetadataDate="2012-09-07T12:40:05-05:00"
xmp:CreatorTool="Adobe Photoshop CS6 Windows"
dc:format="image/jpeg"
aux:SerialNumber="022031001932"
aux:LensInfo="70/1 200/1 0/0 0/0"
aux:Lens="EF70-200mm f/2.8L USM"
aux:LensID="165"
aux:LensSerialNumber="0000000000"
aux:ImageNumber="0"
aux:ApproximateFocusDistance="4294967295/1"
aux:FlashCompensation="0/1"
aux:Firmware="1.1.3"
photoshop:DateCreated="2012-09-06T19:18:56.056"
photoshop:ColorMode="3"
photoshop:ICCProfile="ProPhoto RGB"
xmpMM:DocumentID="xmp.did:0F84D078F91311E19565E271D59D6831"
xmpMM:OriginalDocumentID="98EDC08C95F6E809F2FB9CADB1F3442D"
xmpMM:InstanceID="xmp.iid:0F84D077F91311E19565E271D59D6831">
-Noel

Does LR automatically convert to sRGB for web gallery?

Searched and searched, but can't find this anywhere! I have AdobeRGB PSDs and camera RAW files, that I develop in LR and then export for web. Does LR default to a conversion to sRGB? I can't find a tick-box for this. All web images seem to get tagged sRGB, but I'm not sure whether this is a genuine colour space conversion, or merely a re-tagging.
Is this stated anywhere, or are we all working on assumptions? Thanks as always for any help.

You select the color space in the Export settings to HDD, etc...under File Settings you have Image Format and Color Space to select.
If you are referring to the Publish settings for Facebook/Flickr, then Lr does default to sRGB for web.
If you are referring to the Web Gallery setup in Lr, Lr defaults to sRGB.

Driving me nuts: Working with sRGB images for web

Good day ladies and gentlemen, I have a problem that's driving me nuts:
Basically, I want to create a graphic (a logotype) that is going to be used on a website, so I've learned that if I want to create anything for the web, I have to use the monitor color profile instead of the standard sRGB 2.1 because otherwise everything I make in PS will look completely different when opened in a browser or anywhere else, which I learned the hard way.
Now, as long as I only create original content with that kind of color settings - it works. The stuff I make in PS looks the same in a browser. However, as soon as I want to use a photo or in this case a separate graphic with the sRGB color profile - everything starts to fall apart. Everything sRGB I try to import into my non-profiled work turns bleak and with a yellowish tint.
If I change my working color profile to sRGB the photos look like they should, but then instead all my original content will still look completely wrong in a browser or any other application.
I don't believe it HAS to be this way, since there are so many websites that seem to be able to look great and have rich, good-looking photos in them at the same time. I mean, there must be a solution to this problem, no?
I'm using a MacBook Pro (Late 2008) with the 9400M/9600M GT and a Benq EW2430 external monitor over DVI. Mac OS X 10.6.8 Snow Leopard. Photoshop CS5 with the latest update (12.0.4 I believe?)
Big thanks for any help. It would be greatly appriciated. Let me know if posting any screenshots would help solve the problem.

try this (if you want to)
first highlight the OEM default monitor profile for your monitor in Displays> Color> Display Profile
reboot (and confirm the profile is still highlighted there)
then drag this PhotoDisc tagged sRGB image to your desktop and open it in Photoshop
USE THE EMBEDDED PROFILE (or Edit> Assign Profile: sRGB to be sure)
at that point the color should look correct (exactly as it looks in Safari here - if it doesn't look exactly correct here in Safari, it is because you have a bad monitor profile)
then in Photoshop: Image> Duplicate (to see two same files side by side for a comparison)
then on one image: Edit> Assign Profile (the monitor profile you have loaded in Displays)
be sure to set the profile in the bottom left (see below) so it displays (so we can see them in your screen shot)
THEN TAKE A SCREEN SHOT of the two windows side by side and post it here
(Command+Shift+4 and drag the area you want captured)
If I understand your advice right, you suggest that when I'm creating
stuff for the web, I should always, always use sRGB as my working
space? But then on export I should just not embed the profile, correct?
sRGB is the only color you should ever post on the Internet for web viewing
always CONVERT to sRGB before saving for the web (if it is not already in the sRGB color space) ie, leave that option checked in Save For Web Devices
i think most people don't embed the profile in web images, but this was hit on succinctly above post 13:
There is no true color management on the web. As different browsers offer different types of CM support, the
best that you can do as a designer is to convert to sRGB (if not
already) and save color-critical images with the embedded sRGB profile.
That's the general rule.

RGB Colour change after save for web.

I recently had a folder full of images that I cut out and placed on a grey #e9e9e9 background, after using adobe photoshops Save for web feature, I saved them as 356 colour gif files. However when Ive uploaded them to the web I notice the grey #e9e9e9 was ever so slighty different. when I reopened the images in .gif files in photoshop, the grey background was no longer #e9e9e9 but #eaeaea. Im slighty confused as to why this has happened, and is there anyway of correcting this?

It depends on the mode:
Perceptual
Selective
Adaptive
In my tests Selective preserves larger gray
areas e9e9e9 (233 233 233). I think there is no
guarantee, except for web-safe colors (which are
otherwise quite useless nowadays).
Please read the help text
Optimization options for GIF and PNG8 formats.
Best regards --Gernot Hoffmann

Loss of saturation in Save for Web

Hi,
Objects that I export as PNG24 files using Illustrator's "Save for Web" feature result in files that a considerably less saturated than they appear in the Illustrator file (I'm working in RGB).
What's up? Is there a quick/easy way to make sure the raster files look just as saturated at the Illustrator objects?
Thanks!

calibrate and profile your monitor to the Web standard 2.2 gamma, not the Apple default of 1.8.
create your Web artwork in the sRGB color space (not Adobe RGB)
Save for Web.
You may still see some color shift when you save the image with no profile, but the above steps should minimize it.

Color difference between PNG and JPG in Save For Web

I am working on a website and I while building images for the site I am using a mix of png and jpg images. When I "Save for Web" the same source image creates two different color images when I save them as either png or jpg. How do I make sure the images are saving with identical colors in both png and jpg. Thanks

>My working space is Adobe RGB but I'm not opening the sRGB PNG into Adobe RGB. I am choosing "Leave as is (don't color manage)" this should preserve the PNG's RGB numbers.
are you certain it is not being converted when you open it?
The numbers you quoted are the numbers I get if I open an untagged sRGB image into Adobe RGB (assuming Adobe RGB), and then convert to sRGB.
If I open my sRGB images, either PNG or JPEG, into sRGB, they always match. I've been working on a web site for the past 3 weeks, doing this regularly.
If you are working in Adobe RGB with sRGB images that are not tagged, you add a level of complexity that requires you make the right decision at every step. You need to open them without conversion, then assign sRGB, to keep working.
Or just open the images in Firefox 2, which cannot color manage, and see if the sRGB jpeg and the sRGB PNG match. This is the acid test.

A different take on the "Save For Web" color shift issue...

Ok, everyone who has fussed much with photoshop and "Save For Web" knows about the color shift issue. If you want your colors to look right after you "save for web", you have to work in the sRGB colorspace, and have Proof Colors checked (soft proofing on) and the proof color setup set to Monitor RGB, otherwise what you get looks terrible when displayed in a browser.
But of course if you are editing for print, this is exactly what you DON'T want to do. Well, I work in both. In fact, often the same images, and I want them to appear as close as reasonably possible in both print and web formats, and without a lot of fussing on my part. And I'm pickiest about the print mode, since I have the most control there, so that's the way I want to edit by default.
Nothing new here.
Now comes the interesting part (in my mind, anyway). Obviously there is a known remapping -- because PhotoShop DOES it when you select Proof Colors. So the inverse mapping must also be known (with some gamut issues, but I'm not concerned with those, because, after all, I'm VIEWING it on a monitor anyway!). What I want is a plug-in that automatically applies that inverse mapping so that, when I do a Save For Web, I end up with the colors I've been viewing all the time when setting the shot up in print mode. Then, too, I don't have to worry about what mode I'm in when I'm editing -- it just fixes it when doing a save-for-web.
Again, I want to edit in my normal print mode (typically ProPhoto colorspace, and with soft-proofing off or set to the printer/medium combination I expect to use), then do a single operation (might be a multi-step action) to "screw up" my colors so that when I then do a "Save-For-Web", the resulting image, when viewed on the average color-stupid browser, looks like the image I've been seeing in Photoshop.
Anyone know of such a beast?   I would gladly pay for a plug-in that really works and fixes the problem.
And if you have other solutions, I'm interested, but the absolute requirement is that it I do one single edit pass for my colors for both print and web use, and I get what I see on the screen in PS on both the prints and on the web display (i.e., working in sRGB/Monitor RGB mode all the time won't cut it). And PREFERABLY, let me do all my editing work in the ProPhoto (or at least AdobeRGB) colorspace so I have a gamut closer to what the printer can do.
Anyone got a decent solution for this?

Sorry, I think I'm being unclear. This has nothing to do with individual monitor profiles. In Proof Setup, "Monitor RGB" amounts to turning off ALL color management, and simply letting the monitor do what it will. It is what the vast majority of web browsers do (even if the operating system provides color management, the browsers don't take advantage of it), so that is what you need to consider for images that will be viewed on a web browser. If you convert your image to sRGB, select Monitor RGB in Proof Set up, and turn on Proof Colors, you will see the image as it would appear on a web browser (after you save it as a jpg or use "Save For Web/Devices" to save it as a jpg).   Since almost everyone is running different uncalibrated monitors, there will be lots of variation in how it will look to them, so precise control of the color is unimportant.
That said, I would expect the color on a calibrated monitor (such as the one I use when editing) to be reasonably close to the colors I am seeing while editing in PS. To the extent a monitor deviates from "calibrated", those colors will vary, but a good monitor should show good colors.   Unfortunately, this is NOT the case, as my previous post shows. The colors produced by the steps above are oversaturated and significantly shifted in hue. There is, to my mind, anyway, no reason for this. Adobe clearly knows what the mapping is between the colors as it displays them in PS and the un-controlled "Monitor RGB" -- that is, it is the color map they are using during normal editing display. If they were to reverse-apply that map prior to saving it as a jpg, then the image would appear on a browser on that same (presumably calibrated) monitor very similar to what you set up when editing. Anyone else viewing the image on a web browser with a calibrated monitor would also see good colors. To the extent other viewers' monitors are out of calibration, their colors will suck, but there's nothing you can do about that.
I guess in some sense I AM "asking for a Color-Mamangement-solution for a "non-Color-Management-situation", but specifically I'm asking for PS Color Management to do the best it can for non-Color-Managed situations that we all face every day.
Does that make more sense?

SRGB or RGB for web?

Similar Messages

Maybe you are looking for