Disappearing color profile when saved for the Web

Hello.
I have a problem with the “Save for the Web” results using Photoshop CS6 running on Win 7 x64.
My photos are already in 8 bits and in sRGB and when I save for the Web I check the option “embed color profile”, uncheck “convert to sRGB”, metadata to “copyright and contact info”.
When I open the resulting photos in Photoshop, everything is fine as it recognizes the embedded color profile. Same thing when I open these files in Firefox, Safari or Chrome: the colors are correct.
Now, when I right-click on a file in the Win Explorer and look its properties, the line about the color profile is blank, as if there wasn't any. This doesn't bother me but the problem appears on my Website created with Joomla and using for the display a module, Responsive Image Gallery, which creates resized copies of the photos. At this point the copies have completely lost their color profile. I entered in contact with the module's support and they assured me that it preserves the embedded profile, so I come here to gather some information about how this “Save for the Web” embeds the color profile because may be I just didn't understand how it does and if it's different from the “Save as” way.
The fact I can't see the profile through the Win Explorer makes me think Joomla's module doesn't either.

Incredible how much gballard's site is famous! Lol. I use it for a while now and checked again right now with the three Web browsers and everything is all right.
As indicated in my first post, when saving for the Web I checked the “embed color profile” option. I already resized the file and converted it in sRGB first in Photoshop.
Yes it's pretty confusing to see some software not able to see the color profile when the file is saved with that option.
To illustrate, here are three screenshots from Windows' file browser => right-ckick on the file => properties => details:
Opening that “saved for the Web” file in PS, it's ok, the CP is recognized.
Opening it directly (from the file browser => “open with”) in Web browsers: ok in Firefox, Safari and Chrome (CP recognized in all).
Copying that file in my working site on localhost (no modification), integer it in Joomla's module gallery (which is CP aware) and then opening my site on localhost with Web browsers: ok in Firefox (because it considers a non-tagged file by default as beeing sRGB), NOT OK in Safari neither in Chrome.
Now, if I do the same with the “Save as” version of the file with embedded sRGB CP:
PS: ok
Opened directly in Web browsers: ok in the three cases
Opened in Web browsers through my Joomla site on localhost: OK IN ALL THREE BROWSERS
Good point gator_soup: I'll post a bug report. I'm new here on the forum and thought Adobe's staff would post here.

Similar Messages

Problems with PSE 10 when saving for the web.

I'm having problems saving for web with PSE 10. I edit in RAW, edit in PSE 10, save as Jpeg, resize and save for the web. Results are muddled and not sharp (looks cartoonish). Also, there is no metadata when you look at the image properties. I uninstalled the program and installed again. No change.

Are you resizing the photo before save for web?
What settings are you using in the save for web dialog for the jpeg quality?
If you compress the jpeg too much (low quality settings below 60), that can make your photos look bad.
And save for the web in pse 10 automatically strips any metadata in order to keep the file sizes smaller.
Also, the save for web in pse 10 has a bad habit of not remembering your last used settings, so it's good to verify that your actually set to jpeg instead of the default GIF setting.
Message was edited by: R_Kelly

Is there a way to stop colors flattening when encoding for the web and DVD

Hi. I am in post prod on my first feature film, which has some great horror dream sequences, lit red and green in the Mario Bava tradition. They really do look stunning in the original footage, with highly saturated crisp colors (We had a really great cinematographer) But when I try to create clips for the web, the colors flatten a lot. They look better on my i-phone than my Lcd computer monitor. doing DVD outputs also looses something, but less so. It depends on the playback equip. My plasma TV and upscaling dvd player make them look fairly good. The footage is progressive scan 25 frames per sec HD. (16:9 cropped to 2:35:1) Does anyone know the optimum settings for web encoding have just used 310x710 pixels using H264 compressor at 3000 kbts per sec

Hi
YEs you can read the ALE model data.
    CALL FUNCTION 'OWN_LOGICAL_SYSTEM_GET'
      IMPORTING
        own_logical_system             = sending_system
      EXCEPTIONS
        own_logical_system_not_defined = 01.
    SELECT   * FROM tbd05 INTO TABLE i_tbd05
    WHERE    sndsystem = sending_system
    AND      mestyp     = message_type.
Regards,
Vijay V

How do I avoid the dreaded "jaggies" when saving for the Web?

I created vector art in Illustrator, then saved the file as an .ai file.
Afterward, I chose "Save for Web," and exported the file as a .png file.
I placed the .png file at 100 percent into a Dreamweaver file.
The result is a file with jagged edges. How do I save the file to preserve the smooth vector look of the original file?
Thanks

Thanks, I followed your lead and changed the optimation to "Type," but I am still getting the jaggies:

How do I change the dpi setting when I am saving for the web?

I need to chnge the dpi setting from the default of 72 to 300 when saving for the web. How do I do that?

You go by pixel dimensions for the web because that's all that computer screens use.
dpi or rather ppi is a print specification.
In this example, Image > Image Size I have unchecked resampling and set the ppi to 300. You can see how small it's going to print on paper as opposed to maybe 100 ppi. It will still retain the same pixel dimensions.
You basically focus on a good pixel size for the the browser display.

Color shift when going to the web?

I spent 2 hours yesterday trying to get a graphic I had done in illustrator to export for use on the web. No matter what I did, the color always shifted - it looked like a gamma or lightening thing. The thing is, I'm not a noob to graphics or the web, I've been doing this professionally for over 10 years. But either CS3, or my recent move to the Mac, or something... has completely thrown a wrench in the works. The final response from Tech Support was that it was inevitable, and that was it. ?? What? That makes no sense.
Here's the lowdown: Illustrator document is set to RGB color space. I tried the standard color profile, and also tried setting it to unmanaged. I then tried both export and 'save for web'. I always get this shift. Everything is lighter. soo.. I then tried taking it over to Photoshop and saving from there. Strangely, it looked right in Photoshop, and then still wouldn't export without lightening everything.
Ultimately, nothing worked. What am I missing?

Here are a couple of good links about sRGB and color spaces in general.
http://www.color.org/sRGB.xalter
http://www.drycreekphoto.com/Learn/color_spaces.htm
The first one gets pretty technical after a few paragraphs; don't worry about the more technical aspects, just read the first part.
To make a long story short, the reason we create in or convert to sRGB before posting to the Web is that it has become a standard reference space for work that is intended to be displayed on monitors. No individual monitor behaves exactly as sRGB describes, but historically it was developed to be a good average color space that most monitors can achieve, or come close to.
When you go to choose a hex color for a web page, if you watch what you are doing, you will notice that the same color has a different hex code for every different color space you might try out. For instance, I have a client that uses PMS 109C in their logo and all their packaging. The only way I can select a hex color for that PMS color in a reproducible manner is to choose that color in a defined working space.
For the Web, we have all already agreed that working space should be sRGB. If I chose that color in my monitor's display space used as a working space, it would be different on every different machine I have available to me. I work on 4 different monitors, so I personally could potentially choose four different translations of that color. Which would be correct? None of them, because each monitor is different, each has a different profile, and so each would give me a different translation of the same color. So I need to make that translation while working in a standard working space. I can either select my color directly in sRGB, or I can select it in Adobe RGB (or another standardized working space that actually contains that color), and convert the entire file to sRGB before publishing to the web. Either approach works.
Since sRGB has the 2.2 gamma, you want to set your display to 2.2 so you won't see a lightening of the image when you view it without a profile.
why strip the profile? As far as I am concerned, you often do not have to, but under some circumstances will want to.
For photographs, illustrations, and paintings I leave the profile on jpegs, because color managed browsers will display them more accurately with the profile embedded. This is particularly true of Safari, for reasons I have already stated.
For graphics that need to match hex colors, I leave the profile off, because safari does not color manage hex colors. so Safari will set-up a mismatch between tagged jpegs and hex colors. If you need to match a graphic to hex colors on the page, it's better to leave the profile off.
If you are working on a page or a site with very large numbers of images, you may want to leave the profile off to save on disk space and download time as well. For me that is usually not a big consideration... but for some sites it may be.

ACR not saving color profiles when saving out to TIF...

The Players:
ACR 4.6, PS CS3, Mac OS X, MacBook, Nikon D200
The Problem:
ACR does not seem to be saving my color profiles when I work on my Nikon D200 NEF files. After saving them out as TIFs and opening them in Photoshop CS3 - files read as "Untagged RGB" and the colors are definitely way off from what they were saved as in ACR. Frustrating!
The Request:
Thank you for any help - trying to get a job done!
Best,
Paul

Paul,
You need to update your Photoshop to version 10.0.1 ASAP. You're also two versions behind in the OS; 10.5.6 is out.
If you do not know how to trash Photoshop's preferences, check out the FAQs in the Adobe Photoshop Macintosh forum:
http://www.adobeforums.com/webx/.3c057d1b
To trash Bridge prefs, hold down the Option key as you relaunch Bridge, then check the boxes in the ensuing dialog box.

Embed Color Profile When Saving In Photoshop?

Hi all -
Let's say I am saving a TIFF as a background for a DVDSP 4 menu out of Photoshop. Do I want to have the Embed Color Profile checked or not? How does a make a difference to DVDSP (if it does)? Mine is set to sRGB IEC61966-2.1
Thanks,
Jason

I believe sRGB is the default for most screen-based systems such as DVD studio. You shouldn't notice a significant shift if you stay in this color space in DVD studio. Just make sure it isn't Adobe RGB. This is a very specialized space for advanced Photography for use with hexachrome printing workflows. Monitors and TV's can't reproduce the colors represented in Adobe RGB and it is unwise to make color decisions on such monitors without advanced training on how and why to use wider color spaces such as Adobe RGB. In contrast sRGB is created to be about the same as most monitors ad TV's so what you see is very similar to what will be visible on your target medium.

Color Profile issues / Colors darken when saving as png/jpg

Hello Adobe Community!
I got a problem with the color settings / profiles in Photoshop and I hope someone can help me.
For the record: I Am working an a PC (Windows 7) with Photoshop CS4.
I work on a digital painting in Photoshop and to keep track of my progression I save frequently as pngs.
I noticed that the colors don't match and are much darker as you can see in the picture below:
I tried the things suggested in many forums, checking and converting my color profiles. For many that seemed to fix it, but not for me.
In the source space you can see the Profile I am using.
Many suggested when saving for web and devices one should untick the "convert to sRGB" checkbox, but for me, that didn't change anything and the colors were still messed up.
I hope someone has a solution for this problem. After trying so many things I'm getting quite desperate!

always CONVERT to sRGB (if not already there) when saving for the web and unmanages apps
there are both pros and cons for tagging/untagging images for the web
the slight darkening and saturation difference i see in in your posted image is expected between managed and unmanaged apps, but you didn't embed a profile so it is my guess what you are seeing there
to duplicate the phenomenon, in Photoshop, open your tagged sRGB image, then
View> Proof Setup: Monitor RGB (be sure to turn it back off)
the shift you see there is the difference between sRGB and your monitor profile (Photoshop is in essence stripping the sRGB profile and sending the RGB numbers straight through to the monitor with no changes)
as you probably know, Photoshop normally transforms (changes) the source colors to the monitor profile...

Resizing for the web

I belong to a forum that shares nature photos. The requirement for posting is 1200 pixels on the longest side. In my old program (Elements 6) I could resize and type in the pixel length I wanted. In Elements 10 which I just bought, I am given the options when resizing for adjusting width and height in percent, inches, cm, mm, points, picas, and columns - but not pixels. How do I adjust to 1200 pixels on the longest side when resizing for the web?

Make sure constrain proportions and resample image are both checked.
Then change the pixel box for the long side and the short side will change automatically.
Alternatively click File à Save For Web
Then set your dimensions and click OK (you also get a before and after preview) with save for web.

Save for the web colors

I was having trouble with image colors when I used 'save for the web' and I found a couple of solutions in tech notes regarding embedded color profiles but there is some thing I just don't understand.
It says:
"To ensure that colors are consistent in Photoshop, ImageReady and the Save for the Web dialog box, use an embedded color profile for display in each, or preview the image in Photoshop using the monitors RGB color space. Note that if you use an embedded color profile for display, colors may appear incorrectly if you view the image in an application that cannot read color profiles."
Can somebody give me the lowdown on what exactly a color profile is (what it does, when you should embed one etc) and some examples of the kind of application that can't read them i.e. if I send the photos via e-mail can the profile be read? put them on a web page?
Thanks for any illumination!
j.

A profile is a file that decribes to applications that can read them the color and tonal characteristics of a particular device. A profile can also be a mathematical description of a particular RGB or CMYK Lab color space. You've probably seen RGB working spaces in Photoshop referred to in terms like sRGB, Adobe RGB, ProPhoto RGB, etc. Any application that is color managed and can read and use profiles needs a minimum of two profile to to the job - a source profile and a destination profile. When you're looking at images on your computer monitor, the source is your RGB working space and the destination is your specific monitor. Photoshop uses both the working space profile and the monitor profile to display your image correctly. Most other applications in Windows do not read profile and have to assume either "Monitor RGB" or sRGB as the source for the file. If your file is not one of those, then false asumptioins are made and the image does not appear correctly. Some web browsers like Firefox 3 and Apple Safari do read profiles but not necessarily by default. You have to turn the option in FF. Some email readers are color managed, others not.
Profiles can be and usually are embedded in the document when you save it. Unless you have a good reason for not embedding a profile, it's almost always a good idea. It adds 4K to the file size and will let someone down the line who is using a color managed application see the file how you intended it. You have no control over the others, but that's life online. Currentlyl the best strategy is convert files destined for the web to sRGB and embed the profiles. That might change in the future, but it's a good place to be right now.

Save for the web - Colors and Shift key

Hi Everyone,
With CS3 and Save for the Web, while saving a transparent image using GIF, you could use the Eyedropper Tool (i) and hold Shift key to select multiple colors at a time ON the image itself.
Trying this in CS4 and it doesn't look like it's working. Anything changed? No I have to select the colors one at a time and this is painfull when you're on 256 different colors.
Thanks!

It would appear this functionality is no longer available. Shift clicking on the swatches is, though that doesnt help much here.

Grainy text when saved for web

Why do graphics with text and/or images in Fireworks CS5 become more grainy or blury when saved/exported for web use? Compared to results in Photoshop, text, image and graphic rendering when saved for web in Fireworks is lower quality or poor (grainy and blurry). Why?! Should I not use Fireworks and only use Photoshop CS5? Isn't Fireworks designed for creating web graphics? If so, what am I missing? Any help would be appreciated.
Brian

Yeah, I'd encourage you to use whatever works for your situation.
I should have asked you to include a screenshot of your original for comparison. I do see obvious JPEG artifacting around the letters as well as the images; this graphic has a lot of flat color, which would prompt me to try saving it as a GIF or PNG-8 (or even a PNG) instead of a JPEG.
The cover images do look quite blurry, but I suspect they must look blurry in your original as well. Incidentally, if you saved these graphics as symbols, you could resize them multiple times in your layout without losing any quality—kind of like Smart Objects in Photoshop. (I'm assuming they might have been larger initially?) Also, you could check your Preferences to see what Interpolation method is being used when resizing. This could impact the appearance of the cover images, if they are being resized.
Text rendering is tricky at small sizes. Making a seemingly minor adjustment to the pixel size can have an impact on how the text is rendered at this small of a size, depending on the font. As far as anti-aliasing goes, System Anti-Alias can be a good choice, sometimes; you might also explore the Custom Anti-Alias option. You might also have smoother results if you create the layout at twice the size (or more) initially—a display font will look better when rendered with more pixels—and then output it at half size.
An interesting thing about Photoshop: If you zoom in to the highest setting, you can use the arrow keys to create subtle adjustments to the text rendering, depending on what kind of aliasing you've applied.

When saving for web in cs5, I get slices saved. How can I change this preset?

Since I started using photoshop cs5, every time I save for the web, I get slices saved, what's annoying about this is the fact that instead of getting the images or slices in this case, saved in the folder I select, it'll automatically create an image folder and then I have to go over the folder and rearange all the images again, it's really time consuming.
Is there a way to avoid this, so that when I select the slices I want to save, they'll go directly to the folder I want instead of having an extra images folder created within my folder...
Thank you

In the save for web dialog under output settings>saving files, uncheck
Put images in folder.
MTSTUNER

Strange white lines sometimes occur when saving 'for web and devices' in Illustrator?

Hi
Strange white lines sometimes occur across my documents, when saving 'for web and devices' in Illustrator CS5 (on the right side of the black logo below). Does anyone know how to avoid this please??
Thank you so much.

LSM,
The link seems broken.

Disappearing color profile when saved for the Web

Similar Messages

Maybe you are looking for