Colour shift in save for web when saving on PC and then viewing on Mac

Hey peeps, I am aware of this colour shift when saving images for web. I have a designer resizing, cropping photos, and then saving on PC. He uses PC and when he sends the photos over to me on my Mac there is a big colour shift (photos are much lighte
Could anyone please explain exactly what he needs to do in order for these photos to look the same as the originals on my computer, basically no lightness shift? Any help would be much appreciated.
Thanks
Adam

Because the WWW is based on untagged (2.2 gamma) sRGB - your genius is probably sending you untagged sRGB if they were Saved for the Web (that's how I prepare my Web color).
Your Mac display should be profiled to 2.2 gamma (you are likely at the old default 1.8 gamma now if you're seeing a lightness shift on untagged sRGB)...if you want "your color" back in Photoshop, you will need to (re)Assign the sRGB profile...

Similar Messages

I have subscribed - the amount is deducted off my account. When I select convert and then VIEW - a window comes up telling me to subscribe?????

I have subscribed - the amount is deducted off my account. When I select convert and then VIEW - a window comes up telling me to subscribe?????

Hi,
I checked your account,your Export PDF subscription is not confirmed yet at our end.
Once it gets confirmed you will be able to use it hassle free.
Regards,
Florence

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

Help - problem with save for web when jpg image is placed in file

I have a jpg image that I placed in my Illustrator 5 file to use as a backdrop and then created several vector buttons on top. When I attempt to create an arboard around a single button and then save for web, it ignores the artboard dimensions and shows the entire jpg dimensions. If I create the same file without the jpg backdrop image, I am able to use the artboards to save just a single button. Any time I place a jpg image in my Illustrator file and attempt to use the artboards, the artboards are ignored and the entire area of the jpg is saved. I am able to use the slice tool to do the saving, but I prefer to use the artboards. Does anyone have any suggestions on how to get the artboards to work when a jpg is placed in the file? Thanks.

THANK YOU!!!
It says, "Clip to artboard". I wasn't sure what clip meant, but that was it! Thank you.

Colour issue with 'Save for Web' - Photoshop Elements 6 (Mac)

Cross posted here, but no answer so far. Sorry for cross posting. For me, this is urgent, but I know it's not for anyone else, so apologies for putting 'urgent'.
http://www.mac-forums.com/forums/images-graphic-design-digital-photography/150670-colour-i ssue-save-web-photoshop-elements-6-a.html#post840419
This is a similar issue to this:
Save for web color issue
Except the user who posted the above was using photoshop cs3, and I'm using Adobe Photoshop Elements 6.
When I work on a photo, I get it just right, then go to Save for Web, and the original it previews is loads lighter than the orginal I was working on in the first place. See 'Picture 1' attachment.
I have changed the colour settings on the Save for Web options - I've chosen each one in turn, and none fix the problem.
There seems to be no similar option in PSE6 to this that fixed it in CS3:
IN the save for web box there is a small round button with an arrow in it (near the Done button).
In the list when this button is pressed deselect Convert to sRGB
I used to use PSE2 on a PC, and never had this problem. I didn't need to mess about with colour profiles or anything similar on the PC. The original was the original, not a washed out version of the original. Why spend ages getting the file just right, only for Save for Web to screw it up?
Any advice to fix this would be much appreciated.
Thanks

Thanks very much for your reply.
I've uploaded the images here:
http://jimpix.co.uk/images/Picture 1.jpg
http://jimpix.co.uk/images/Picture 2.png
I deleted the prefs. file you suggested, and then opened PSE6.
I then tried the profile setting you suggested - but it's not an option:
http://jimpix.co.uk/images/Picture 3.png
I tried 'remove profile' just in case that worked, but the same effect happens on Save for Web.
Not sure what to try next!
Thanks

IBooks author color shift with "Save for web devices..."

Hi! I'm a web developer and I'm learning to use iBooks. It's a really easy tool, but there is a problem with color management wich is driving me crazy. This happen when I export images from "Save for web devices..." from Photoshop, then drag it to iBooks author.
As I do for web development, I do this:
1) Configure photoshop Color Settings to work with "Color Monitor"
2) Remove any color management from my document
3) Proof Setup > Monitor RGB
4) Disable Proof Colors
5) Use "Save for web devices..." with ICC profile and sRGB unchecked
The exported JPG looks fine everywhere... Photoshop, Preview, Safari, Chrome, FF... but looks washed out when I drag it to iBooks Author. Why?
I solved this issue converting to sRGBIEC61966-2.1 profile and checking ICC profile when "Save for web devices...", but I'm not confortable with this workaround because I'm not sure about what I'm doing exactly, and I am not sure if this images are gonna look good on any device (I only own an iPad 3).
Somebody know a best method to deal with this?
Thanks!

Hi KT. Thanks for your response. I'm already using this formats. Anyway, the problem occurs within iBooks Author interface. I mean: I can see the color shift (or washed out...) at iBooks Author at my computer screen. Of course, when I test it on iPad it also looks bad.
It's incredibly strange because the JPGs I'm using looks fine everywhere else except iBooks Author.

Save for Web stopped saving @ 72 dpi. Help, please!

I am running Photoshop CS6 on Windows 7. I had two prior installations of photoshop on my system due to upgrades, so finally decided to unistall CS3 but kept CS5 just in case. Now for whatever reason, CS6 goes through the motions of the Save for Web dialog but doesn't change the resolution of the outputted file to 72 dpi. It keeps it at 300. It had been working perfectly until now. I went back in and tried it in CS5 and that still works fine. Any ideas? I'm getting so frustrated! Is there a setting somewhere that I messed up?
Thanks in advance!
Michelle

DPI is irrelevant unless you're printing. It's the number of pixels in the image which counts.
More pixels = bigger filesize.
On the web 100px x 100px is always the same size on screen (regardless of DPI which only comes into play when printing).
See if this helps
http://www.webdesignerdepot.com/2010/02/the-myth-of-dpi/

Color shift in save for web

Help!! Yelp! I have followed the directions in previous posts for fixing color shift when saving for web. I switched my monitor to gamma 2.2. I chose sRGB in assign color profile.
The colors still look washed out!
I am using CS4 on the Mac.
What am I doing wrong?

siri3 wrote:
What am I doing wrong?
You are using "assign" instead of CONVERT to sRGB. In addition, accurately calibrate your monitor often and regularly. Even the cheapest hardware calibrator will give superior results to eyeball calibrators.
See the FAQs in the Photoshop forum for your platform, Macintosh or Win.

Save-for-web feature identical in AI and PSD?

I work in both Illustrator and Photoshop for web design. In creating web safe graphics, is there a difference between the two apps when exporting web safe graphics?

Each of the three JPG files increases by the same amount -- 2.61 Kbytes. That sure sounds like some common header block is being added in CS3. Did you check the "Optimize menu" button next to "Preset" just to make double-sure "Include XMP" isn't enabled? Or some other setting like that? Or check both images in Bridge to see if something is being added.

Gif and JPG save for web file sizes in CS2 and CS3

Gif 64 dittered default CS2=2.63KB CS3=4.83KB
JPG CS2Low=1.42KB CS3=4.03KB
JPG CS2Medium=1.90KB CS3=4.51KB
JPG CS2High=3.38KB CS3=5.99KB
Why? Is there any solution besides keep using CS2 for web?
Thank's in advance.
regards
Fernando Bergamaschi

Each of the three JPG files increases by the same amount -- 2.61 Kbytes. That sure sounds like some common header block is being added in CS3. Did you check the "Optimize menu" button next to "Preset" just to make double-sure "Include XMP" isn't enabled? Or some other setting like that? Or check both images in Bridge to see if something is being added.

Photoshop CC Save for Web Incorrect

Hi everyone,
I recently purchased the Adobe CC suite for my Mac, OSX Mountain Lion.
Trying to Save for Web (which works) but I'll select an option on the top right, lets just say JPEG 70% (or PNG or anything) for arguments sake and on the bottom left where it displays the potential file output information it'll always show GIF, the GIF output size, etc.
I'm not sure whether I've got a setting wrong but I haven't had to change anything since I started using Photoshop back at PS7.
Wondering if its a bug or not or if anyone knows a potential fix?
Thanks!

Hey ckocho,
I can confirm this is a bug.
My belief is, it may have triggered after attempting to export a very large sliced document with "Save for web..." and then become stuck in this mode.
Here's a list of my symptoms (so others might stumble accross the solution):
- Photoshop CC (updated to version 14.1.2 x64), Windows 7, 64bit
- Save for Web... interface fails to correctly show "Optimised" view
   - No estimated filesize displayed for slices
   - Optimised preview not rendered using selected filetype (gif/jpeg/png) ie, all slices look like GIFs, and don't change when other selections are made
   - Selected slices do not "highlight" (outline) correctly, so you can't tell which ones you have selected
So by guesswork alone, you can still make selections and choices. The output is perfect, but working blind regarding the look and filesize quite defeats the purpose of the tool.
Now, the good news.
The above trick corrects the problem! Thank you ckocho!
Simply open the "Save for Web..." dialogue and change views from "Optimised" to "2-Up", "4-Up" and back to Optimised, and the problem is gone. No reinstall required, whew!
Dear Adobe, please look into a fix
Cheers,
Anthony

Terrible image quality when using Save for Web in Adobe Illustrator CS6

When saving images of any format and of any ppi using "Save for Web", "round" corners become blurred and pixel , "acute" (vertical and horizontal) angles are clear and of good quality. Reinstalled system with the hope that the cure (Windows 7 64-bit) - has not helped. Up to this point, such a problem did not face, all was well. How can i deal with this?

You are not really making sense.
a) Viewing images at more than 100% in any viewer will introduce resampling from image to screen space. Different tools use different algorithms, but none of them will ever be perfectly "sharp". Again, simple mathematics.
b) JPEG is a compressed format that will never produce "sharp" lines in areas that don't coincide with the underlying block compression. If you wanted that, you'd use PNG or other formats.
So unless you can provide screenshots that illustrate your issue better at 100% zoom, I see nothing out of the ordinary here. Of course there could be all sorts of issues liek color space conversion or odd pixel sizes causing unfavorable distribution of compression blocks, but we realyl cannot judge any of that based on teh info you provided. Just saying that something doesn't look like you experct it to isn't really helping...
Mylenium

Why does photoshop automatically rename file names when using save for web?

All of a sudden when choosing Save for Web, when i type in a name for my file in the File Name: dialog box, when you click "save", it saves the selected slices as the name of the document and not what i typed.
For example: My psd file is called "website header" and i want to save the slices with the name "index". If i save slice-02 or slice-06 it will save as "index_02.jpg" but if i choose slice 01, it will save as "website-header_01"

Check your settings in the SfW output options and yopur slice names in PS itself.
Mylenium

Photoshop CS3 color management "Save for Web" problem

This problem is getting the best of me.......
After spending 3 full days researching this problem, I am no closer to finding an answer than when I started. I still cannot produce a usable image through the "Save for Web" feature of Photoshop CS3. I have read web page after web page of "Tips, Tricks and Recommendations" from dozens of experts, some from this forum, and still I have no solution... I am exhausted and frustrated to say the least. Here's the simple facts that I know at this point.
I have a web design project that was started in PS CS1. All artwork was created in photoshop and exported to JPG format by using "Save for Web". Every image displays correctly in these browsers (Safari, Camino, FireFox and even Internet Explorer on a PC).
I have recently upgraded to PS CS3 and now cannot get any newly JPG'd image to display correctly. My original settings in CS1 were of no concern to me at the time, because it always just worked, and so I do not know what they were. I have opened a few of my previous images in CS3 and found that sRGB-2.1 displays them more or less accurately. I am using sRGB 2.1 working space. Upon openning these previous image files, I get the "Missing Profile" message and of course I select "Leave as is. Do Not color manage". CS3 assumes sRGB-2.1 working space, opens the file, and all is well.
The problem is when I go to "Save for Web", the saturation goes up, and the colors change. The opposite of what most people are reporting. Here's another important point... new artwork created in CS3 does exactly the same thing, so it's not because of the older CS1 files.
I have tried every combination of "uncompensated color", "Convert to sRGB", "ICC Profile", etc. while saving. I have Converted to sRGB before saving, and my monitor is calibrated correctly.
I have tried setting the "Save for Web" page on 2-up and the "original" on the left is already color shifted before I even hit the "Save" button. Of course, the "Optimized" image on the right looks perfect because I am cheating by selecting the "Use Document Color Profile" item. Why do they even have this feature if doesn't work, or misleads you?
Does anyone have any ideas what could be happening here? Why is this all so screwed up?
CS1 worked fine out of the box.
Final note: I do have an image file I could send along that demonstrates how it is possible to display an image exactly the same in all 4 of the browsers I mentioned with no color differences. It is untagged RGB and somehow it just works.
I am very frustrated with all of this and any suggestions will be appreciated
Thanks,
Pete

>> First of all... I'm using an Adobe RGB image master... I open it and get the Profile Mismatch Screen... I choose Use Enbedded profile... all looks well. Next I go to Proof Setup > Monitor RGB... again all looks well, no change that I can tell.
This has further confused the issue on several points, not the least of which version PS you are doing this with?
>> AdobeRGB> Convert to Profile > Working Space sRGB-2.1... all still looks well... but now, when I go to Proof Setup > Monitor RGB... I see the insane oversaturated look that is driving me nuts.
That is your strongest clue...it sounds like you have a bad system or bad monitor profile. To rule out the monitor profile: Set sRGB as your monitor profile in System Prefs> Displays> Color.
>> Adobe RGB image master... I open it and get the Profile Mismatch Screen... I choose Use Enbedded profile... all looks well. Next I go to Proof Setup > Monitor RGB... again all looks well
That doesn't make sense, stripping an embedded AdobeRGB profile should desaturate the color in Softproof MonitorRGB, especially the reds -- you have something wacky going on there.
At this point I think you need to review the links and get a grip about how color management and profiles work...
BTW, forget about setting ColorSync in PS COlor Settings, use Adobe ACE.
MO,
I think SFW is fixed under CS3 :) By default it Converts to sRGB and strips the profile.

Why does the Fireworks save for web function give better results than in Photoshop?

Having used the trial version of Fireworks, I have noticed that the save for web function gives greater compression and image quality than saving for web in Photoshop. Why is this?
As Adobe are not continuing in developing Fireworks, does anyone know if will they will improve the save for web function in Photoshop to match the Fireworks version?
Are there any third party companies who anyone can recommend who will process large volumes of images for web?
Thanks

One of my favourite topics ;-P
First, the save for web function in Photoshop has not seen any real updates in a long time. In Fireworks PNG export allows for fully transparent optimized files with indexed 256 or less colours, which is impossible in the save for web function in Photohop. It is unsupported.
This is one of the reasons why Fireworks does a much better job than Photoshop. Another reason is that Photoshop adds meta junk in its exported files, and this also increases the file size (and should be removed, because there are also a number of fields which include information about your setup).
One other caveat is that Photoshop's save for web functions neither allows for a choice in chroma subsampling, and instead decides automatically below a certain quality threshold to degrade the colour sharpness quality. The user has no control over this. (Fireworks also limits the user this way.)
One thing to be careful of: FW's jpg quality setting, and PS's quality settings are very different - a 50 in Photoshop is not the same 50 setting in Fireworks.
For jpg optimization I generally use RIOT (free): http://luci.criosweb.ro/riot/
(When you install, be careful NOT to install the extra junkware!)
Fireworks cannot change the chroma subsampling to 4:2:0, which does degrade the quality a bit compared to RIOT and Photoshop in my experience. Photoshop adds useless meta information, even if the user tells it not to do that. RIOT allows you to remove that information, saving 6k. RIOT also offers an automatic mode that optimizes existing jpg images without degrading the quality further, and often saves 10k or more, depending on the images.
Interestingly enough, in my tests exported Fireworks jpg images are always reduced in file size by RIOT, due to FW's jpg export limitations, without any image degradation.
In my tests FW's jpg quality versus file size turns out to be the worst of all three. RIOT generally wins, or is at least on par with Photoshop.
As for PNG export, Photoshop's save for web function is quite abysmal. No 256 colour full transparency export is possible, while Fireworks does support this.
Having said that, there is a free alternative that leaves both Photoshop AND Fireworks in the dust: Color Quantizer. http://x128.ho.ua/color-quantizer.html
CQ is an amazing little tool: with it anyone can create PNG files with full transparency and reduced to ANY number of colours! It means that a 512 colour PNG with full transparency is now very easy to do. On top of that, for more difficult images a simple quality mask brush tool allows the user to control and retain even small colour details in a PNG, while reducing the file size to an absolute minimum.
CQ is one of the best kept secrets of a Web Developer's toolkit. And it is free!
Both RIOT and Color Quantizer have a built-in batch mode. Both are available for WIndows. Not for Mac. If you are on a Mac, try imageOptim. Not nearly as good as RIOT and CQ, but quite passable.
PS to be fair, the newest versions of Photoshop do allow for export of 8bit PNGs with full transparency through the use of its Generator functionality. But again, it cannot compete with CQ. And as far as I am aware, Generator cannot be used in Photoshop's batch processing (which, btw, is very slow! For simpler daily image processing tasks I have to do in batches, I prefer IrfanView, which is lightning fast! IrfanView).

Colour shift in save for web when saving on PC and then viewing on Mac

Similar Messages

Maybe you are looking for