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.

Similar Messages

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.

Color shift (lightening) when using "Save for Web & Devices..."

Can someone please let me know why I'm getting a color shift (the entire image lightens noticably) when I export an image or animated gif with "Save for Web & Devices...". It happens on PCs and Macs, and with both CS3 and CS2.
I've been using this feature (flawlessly until a few months ago) long enough to realize that there are several settings to adjust the color table, dithering, web snap, etc., but adjusting these settings don't seem to fix the problem. When I use "Save As..." the color shift doesn't occur, and that's been my workaround, but I'm currently trying to save a few animated gifs, which must be saved with "Save for Web & Devices..." in order to retain the animation.
Please help!! Many thanks.

Ah ha! I thought so. The only reason I can speak on this topic at all is because of what I was forced to learn when I started using a Dell LCD flatscreen.
As mentioned earlier, most monitors are pretty close to sRGB, which made web work somewhat easier. However, it seems recently some so-called "wide gamut" monitors have come to market, including the recent crop of Dells. The new Dells can produce a gamut that is closer to Adobe RGB than sRGB. This means -- speaking loosely -- it can produce brighter and more saturated colours than an "sRGB" type monitor.
RGB numbers, in the context of a defined colour space, represent an "actual" real life colour. A very bright red in sRGB colour space may be represented by r255b0g0, but that same "actual" red colour is represented in the wider Adobe RGB colour space by r219b0g0. Adobe RGB, being wider than sRGB, can include still brighter reds than sRGB's brightest red, hence where sRGB hits a roof at r255, Adobe RGB can keep going higher.
Imagine two ladders, each with ten steps on it. The Adobe RGB ladder is taller than the sRGB ladder, even though they both have ten steps. The 9th step is higher (i.e. brighter) on the Adobe RGB ladder than on the sRGB ladder. So if an image contains the RGB values of r219b0g0, well if you assign it to sRGB, it will not be a very bright red. If you assign it to Adobe RGB, it will be a brighter red, because that "ladder step" (like the 9th step) is higher than the same step in sRGB.
This is why your image appears brighter when viewed in SFW and in web browsers. Photoshop knows it's supposed to be using sRGB colour space, but SFW and web browsers DOESN'T, and so it just assigns your monitor colour space, which with these Dell monitors is wider than sRGB.
I think the Dell monitor is fine...I still highly recommend purchasing some type of hardware calibration utitily (one that has a thingy that attaches to the screen to measure the light being emitted). Properly calibrate and profile your monitor, trust what you see in Photoshop, convert to sRGB for web images, and forget the rest. Either way, your images will look "good" on some people's monitors and "bad" on others.

I also have a color problem when Save For Web

Using Photoshop CS4 and I also have a problem when I use the "Save for Web & Devices" My colors also get bleached. I found a thread with the same problem but on Windows.
As I have a Macbook Pro I can not change my monitor settings. In the SFW I check "Convert to sRGB" but it make no difference. I also tried to convert in the menu before using SFW. So I need some help here.
Here is a screen shot on my screen: http://www.scancyp.com/dump.jpg

Magooi wrote:
Also I was wondering why?
You need to calibrate and profile your monitor regularly and often
First: Because monitors can and do drift. In CRTs all kinds of electronic components and the phosphors themselves age; in LEDs and LCDs the back-light illuminants do; etc.
Second: Monitor profile files can and occasionally do get corrupted.
I validate the calibration of my monitors practically on a daily basis.
If you don't have an accurately profiled monitor at all times, your work is wasted.
Magooi wrote:
But it's a whole science to calibrate the monitor without a hardware calibration kit. I had a look at SuperCal as you suggested, but I am afraid it's gona be too complicated for me as I think it's hard enough to calibrate with the Apple calibration tool.
Even the cheapest hardware calibrator puck will give you superior results than any eyeball calibrator. That said, SuperCal is a tad better than Apple's built-in eyeball calibrator, though nowhere as good as a hardware calibrators.
Personally, I detest laptop screens and categorically do not consider a MacBook Pro a suitable machine for serious color work. For this reason, I cannot in good conscience insist on your buying a hardware calibrator.
Laptop screens can be nearly impossible to calibrate accurately.
Magooi wrote:
I have made a new screen shot with my results so far. Upper left is Photoshop original. To the right the SFW and lower left the preview result. The SFW result still don't give me the colors I want, but as I said: closer then before.
Screen shots from an uncalibrated or inaccurately calibrated monitor are worthless, always. They do not help at all, especially when they are partial snippets that don't show the whole picture.
This time around they are even worse, as I cannot see whether you rectified your Preview setting in the Save For web dialog box to "Use Document Profile", as I told you earlier:
You have to start by changing that setting in the Save For Web dialog box to "Use Document Profile".
Is your original document in a device independent color space (i.e. was your working colorspace set to such a device-independent color space like Adobe RGB or sRGB when you created the original) and is it properly tagged (does it have such a device independent profile embedded)? If the answer to any of that is no, all your work is wasted.
If your working space is set to your Monitor Profile, then your work is a useless mess. If the original is in your Monitor Profile, it's no good either. Same goes for the Preview setting in the Save For Web dialog box, if it's set to Monitor Profile, it's useless.
If you view any untagged image (any image without a device-independent profile embedded) in any Apple application, be aware that any such Apple application, From the Finder, through Preview, Aperture and iPhoto to Safari, will throw your monitor profile at your image (assuming it's really in your Monitor Profile) and it will display your image in the wrong colors, as all Apple applications stupidly assume that all untagged images were created by some fool who didn't know better.
Magooi wrote:
But now my main questions is:
Why the Original in the Photoshop SFW don't look like the original? And then why the Optimized in the SFW also don't look like the the preview? (Specially look at he shadows of the palm tree that shows in the Optimized but not in the preview)
I have no idea what all your other color settings throughout the whole application and in the Save For Web box are, what else may be messed up on your machine, or how badly inaccurate your monitor profile is. Again, your screenshot is not helpful and never will be—unless you had an accurately profiled monitor, which you will never be sure you have on your laptop, ever.
Magooi wrote:
And again, should I invest in SuperCal? It seems also to be very old.
SuperCal is better than Apple's calibrator, regardless of whatever its age may be at this point. Last time I checked, SuperCal was free. If they want to charge for it now, don't buy it. It's not worth it for a laptop screen.
On a side note, if you think SuperCal is "too complicated" for you, I doubt you're ready for Photoshop anyway, even with a better machine. Sorry, no offense meant, but it wouldn't be fair to you if I didn't tell you exactly how I feel.

Using "Save for Web & Devices" for a Organization Chart with Text

I created a document in CS3 Illustrator that is an Organization Chart. It contains rectangles, lines, and text. It looks great in Illustrator.
I have tried to save it using "Save for Web & Devices" to create a JPEG and a GIF so that I can pop it into a Dreamweaver document as an image and it keeps coming out blurry.
I have tried changing its size and resolution. I have tried opening and exporting it into Photoshop to try to "clean" it up. Nothing seems to be working.
I'm obviously unlettered in this modus operandi!
meem

Thanks for the response.
The background is transparent and will end up on a white background eventually.
I tried to make it clear in Dreamweaver by scaling it and it did seem to improve it somewhat. But it still doesn't look like the clear copy in Illustrator that I started with...
I also need to be able to embed this in a Word document to print for a hardcopy manual.
I had this same problem with Freehand a few years ago.

Photoshop batch production - issues with 'save for web'

Hi,
I'm having an issue with 'save for web' on a batch. I've just spent the last 2 hours searching the web and this forum and although the issue gets touched upon, the threads either suddenly head off in another direction, end, or i just struggle to make sense of the answers given.
I have 350 images that i want to resize to thumbnails and then save for web. 2 hours ago this seemed like a 5 minute job.
I creat an action called 'batch_thumbnail' and press 'Record'.
I then select 'File' > 'Open' and select an image to open using the dialog box.
I then select 'Image' > 'Image Size' and resize the image to the thumbnail size (200 x 125) and press 'OK'.
I then select 'File' > 'Save for Web and Devices', set my optimisation settings and press 'save'.
Using the dialog box that pops up, i navigate to a pre-created directory called 'thumbs' and press 'save'.
I then select 'File' > 'Close' and on the dialog box that pops up i select 'Don't Save'.
I then stop the action from recording.
So far so good.
I then select 'File' > 'Automate' > 'Batch...' and the dialog box appears.
I select my action in the 'Action' drop down menu.
In 'Source' i set the drop down menu to 'Folder', select 'Choose' and select the target directory with my 350 images in.
In 'Destination' i set the drop down menu to 'Folder', select 'Choose' and select the target directory (thumbs), where i wish to save the thumbs.
In 'File Naming' i leave the first box as 'document name', set the second to '_thumb' and have the third as 'extension'.
I then click 'OK'.
And this is where the problem begins. Everything works fine till it trys to save the second image. I can see what's happening, as the directory path and image name that are used whilst setting up the SFW part of the action, are getting hardcoded into the action. So every resulting image is being saved as the same file, instead of being overriden by the settings in 'File Naming'.
I've tried selecting 'Override action 'Save' command', but it doesn't make any difference. Is it actually possible to batch produce files using 'Save for Web and Devices'?
Cheers,
James

I have written a couple of Save For Web batch processors, they may be of use to you?
They can both resize and run an action if required.
CS2-CS3 http://www.ps-scripts.com/bb/viewtopic.php?t=2374
CS4 http://www.ps-scripts.com/bb/viewtopic.php?t=2276 (This handles metadata)

Possible Problem with Save for Web and Devices?

II've come here to the forum for some insight on why a gif file created by save for web and devices command is not showing up as an image in an uploading dialog box for my website. I'm buildiing my website with word press and a custom freelancer theme. I've created a customized header with Illustrator and have been saving the file with the save for web and devices command. Once I have my gif file, I go to my theme uploader and try to upload the gif image and place it on my homepage. I've not had any problems with doing this until yesterday, when I tried to upload an updated file. What usually happens is that the thumbnail image shows up in the dialog box, I select my options, and click insert. But what's started happening yesterday is that the thumbnail does not show up, unless I click on edit image. This makes no difference, as when I click insert and go to my homepage and refresh it, the header doesn't show up. I've tried working with the developer of the theme to resolve this problem and so far we've not found a solution. I've tried to upload the header with different file types: jpg, png, tiff, but they don't work. I thought I'd come here to see if anyone might have some suggestions. The problem may not be with Illustrator's save for web and devices, but I thought I'd give this forum a shot. Thanks for any and all respones. :[

CT,
If you can see and open the GIF/whatever (with any viewing application), the Illustrator Save for Web&Devices works. If not, you may ask about it in the Illustrator forum:
http://forums.adobe.com/community/illustrator/illustrator_general?view=discussions
If the image is there, to have the issue solved quickly, I believe you should ask in a forum covering the web building application.

Save for web & devices CS3 Windows problem

I have been having this problem for a few days now. I try to hit Ctrl+Alt+Shift+S to save for web and devices, and nothing comes up. So I click the file menu and I see the option is grayed out. I thought resetting itwould help, but it keeps happening, then somebody told me it was the size of the picture, but that can't be it, because I couldn't save a picture 5"x5", and that isn't too big. I have a feeling it may be the color settings, but I don't know anything in there, so assistance would be appreciated.

curt y wrote:
Go to Image/Mode in PS and see if it is 8 bit and RBG color and change it needed. Many function don't work with 16 bit image.
Save for Web & Devices does though, so it's not that.
Maybe a reset of the Save for web preferences is called for.
See http://forums.adobe.com/message/1661425#1661425
(The FAQ is actually for CS2 (!!) but should work in principle with CS3)

Quick Trim option in Save for Web & Devices

Hi,
a feature to do a quick Trim in Save for Web & Devices dialogue would be great, especially if it was enabled with a checkbox, then when you enable it, it activates a dialogue with the three options that already exist in Trim option (Transparent pixels, Top left color, Bottom right color).
Let me know what you think.

I need to figure out why my trim option is always grayed out. It's saved in PSD format, yet the option to trim the transparent pixels is grayed out. why is that? what am I doing wrong? I must have to change something.
Thanks in advance, Linda

Save for Web & Devices, The operation could not be completed

I keep getting this error when I Save for Web & Devices: The operation could not be completed.
I have saved for the web before for many more complex, larger images without a hitch.
I am using a psd format with an image that I designed. It is no more complex than others I have done. It is small, just a horizontal navbar about the size of the one on Apple's website.
I tried exporting it, flattening it, slicing it removing the slices.
I think it is a problem with the application itself.
I have tried repairing my permissions, restarting, and holding Cmd, Opt, Control, Shift during PS startup to reset the settings. Any insight would be appreciated.

GoodLuck4287-sxcElh wrote:
I think it is a problem with the application itself.
…and yet you don't even tell us what version it is—let alone pertinent details of your machine, OS, etc..
Please read this post by a forum host for advice on how to ask your questions correctly for quicker and better answers: http://forums.adobe.com/thread/375816?tstart=0 Thanks!

Save for Web & Devices Box Greyed Out

Hey everyone,
I'm trying to save a Photoshop CS4 file for Web & Devices so I can have Photoshop compile the slices and the CSS so I can hand-design rollovers. Unfortunately, all of a sudden the dialogue box for Save For Web & Devices is greyed out... I've check online, changed color profiles, deleted save for web and devices library files, updated Photoshop, nothing. I've even checked past .psds I've designed that I've saved for Web & Devices and haven't changed since--even the Web & Devices box is greyed out for them. Help! What do I do? I need to do this before Friday. Thank you!
WebsiteInDistress

Hi
I'm also having the same problem with the Save for Web & Devices Box Greyed Out.
I think it's the plugin that's corrupt, as I've tried deleting preferences and seetings. I can't find the photoshop cd to reinstall it.
Has anyone got the MAC CS4 Photoshop "save for web plugin" (Users/[Username]/Library/Preferences/Adobe/Plugins/Adobe Save for Web CS4/Photoshop/Adobe Save for Web CS4 Prefs) that they could send me.
Thanks very much
Abi

Save for Web & Devices 2-up view not appearing side by side

Hi, I'm hoping someone can help me with this issue. In Photoshop CS4, when I used to go to the Save for Web & Devices screen, I liked using the 2-up view so I could see the difference between my original and the optimized versions. However, I've tried doing this in CS4 now and I remember seeing (in CS3 I believe) where the layout of the 2-up view was side by side (vertically) so you could have the original on the left and the optimized on the right. Now, in CS4, at least on my machine (mac OSX tiger), the 2-up view only displays the original and optimized horizontally (with the original on top and the optimized below). Is this a fixed layout for the 2-up view or can this be changed? Is this normal is something corrupted? I've looked everywhere for a button or setting to click (that I could think of) and have not been able to find a place where the layout setting can be changed. I know it's a very small issue for most people, but I really preferred viewing the two versions side by side vertically instead of one on top of the other. I'm assuming that this is just a setting somewhere that the user could change but I don't know - perhaps this interface update is new to CS4 and is not customizable?
Anyone have any information or solutions to this?

Thanks so much...that was so easy, but I don't think I would ever have found it!
It works now, I just resized the window and it's now side by side...funny how this was not described in the help file when I looked it up!
Thanks again.

CS5 Photoshop - Adobe Save for Web & Devices Error

Hi folks,
I know similar threads exists, but this one is different. For some reason, out of the blue, I can't use 'Save for Web' anymore. When I choose 'save for web', it opens the preview dialog nicely, up until I save & get this error:
"Adobe Save for Web & Devices Error
Could not complete this operation. An unknown operating system error has occurred."
Cleared all my settings, and the error remains.
I uninstalled PS CS5, installed it again... still get this error.
Hope someone knows how to fix it!
Tx!
MacBookPro3,1, running all the latest updates (OSX 10.6.4), CS5 Master Collection.
Luckily still have CS4 Master Collection installed (and Flash CS3).
(I've just got to get this off my chest, CS5 has so much issues that I stopped using it, I'm not getting paid for playing crashtestdummie. Please don't rush any future CS collections and try fixing bugs instead. )

Hi Wade,
Tx, but 99% of my time, I work on my local system (scratch disk also). Already had problems working with the company's network (files get locked or corrupted while trying to save), so we've learned the hard way not to use the network.
I guess that's somewhat expected if you work with a Mac, in a professional Windows environment.
Meanwhile, I'm a step closer in finding a solution myself. A colleague gave me a great tip, if you create an extra user account on the system, you start with a clean library. On my second account, PS CS5 is working just fine. So clearly, something went wrong in my library. Maybe permissions like you've said. At this point, I could try to fix it by copying files from the one user to the other. But I would like to wait for that connect session so they can see what's wrong.

Save for Web & Devices window doesn't fit @ 1366 x 768

I'm using a MacBook Air running at 1366 x 768, or within Adobe CS5 requirement tolerances, but whenever I try to 'Save for Web & Devices', the dialogue box that pops up is much too big, vertically speaking, for my screen. Attempting to minimize/maximize doesn't rectify the problem--a substantial portion of the window, including the buttons necessary to execute the save action, are in the not-visible portion of the window. If I hit ENTER/RETURN, I can complete the process, but this is clearly a bug: I should be able to resize the window, or scroll within it.
Is there something else I can do, short of pursue a fix from Adobe? Some setting I've overlooked? I'm running Lion, but this problem started on a Snow Leopard install.

mcpeckham wrote:
…Yep, that seems to work, but I shouldn't have to hide the Dock, right?…
Wrong! Yes, you do have to hide the Dock if you want to share the Adobe Photoshop minimum required space with Apple's Dock, which in my opinion should be invisible when not needed, which in turn is for a split second every half hour or more. I'm sick and tired of Apple shoving ugly, intrusive OS features down our throats (see footnote * in next paragraph). I want the computer to do what I want, not what Apple wants.
* 2.5 GHz Power Mac (PPC) G5-Quad; 16GB RAM; mutant, flashed 550MHz nVidia GeForce 7800GTX, 1,700MHz 512MB VRAM; ATTO ExpressPCI UL5D LP SCSI card; Mac OS X Tiger 10.4.11 and Leopard 10.5.8 boot drives; Spotblight, Dashboard and Time Machine permanently disabled; Dock hidden; dual 22" CRT monitors; USB wireless 'n' available but connected to the Internet via wired Ethernet; FW flatbed scanner; 2 SCSI scanners (one tabloid-size transparency scanner and a film scanner); various internal & external HDs; FW Epson 2200 and Ethernet Samsung ML-2850ND printers; 2 X Back-UPS RS 1500 XS units.
Mr. Schewe explains it more forcefully in his last post above.
My experience over the years has shown me consistently that the more vocal or vehement the complaint, vent or rant, the greater the likelihood of PEBKAC (google that if you're not familiar with the term).
Wo Tai Lao Le
我太老了

"Save for Web & Devices" Huge BUG and major annoyance!

Photoshop CS3
I am so tired of losing all of my work for this bug it isn't even funny! It doesn't lock up Photoshop but does make it impossible to save anything including all the currently cropped and resized images open in PS. It forces you to lose hours of work in some cases which is what just now happened and I want something done with this since it is probably the biggest annoyance from a BUG of all the adobe products ever.
To replicate this bug:
Open an image, any image.
Go to File and Choose "Save for Web & Devices".
Once the "Save for Web & Devices" dialog box is open choose save, BUT here is the bug, after the Save As dialog box appears choose cancel to go back to the open and now useless "Save for Web & Devices".
Attempt to now close the "Save for Web & Devices" dialog box.
The issue is it won't close once I cancel after choosing save from the "Save for Web & Devices" dialog. I cannot resize the window or do anything in PS when this happens since it takes complete focus. I cannot close the box or choose from most of the options on the right since now at this point they'll all be blank.
This has happened before and I had learned to save no matter what to avoid this but just forgot and am once again about to lose HOURS of work because of it...
I have searched and searched and cannot find a separate process to close in device manager to stop just it (which is lame). All I can do is close PS and say good bye to everything I had already done.
Of course I would like a solution to this and a fix but having owned Adobe products for years know this is highly unlikely and to get a fix you must buy the new version (pathetic). So, I will settle for yet another hopeful work around to get around this idiotic BUG.
EDIT: I have rebuilt my preferences countless times (since that seems to be needed for so many of Adobe's products issues) as well as complete resinstalls of the CS3 Production Premium Suite to no avail. I have dealt with this issue for several years and several new installs. I have an aviation forum and people have been able to replicate this on theirs installs as well, to include one CS4 user.
Message was edited by: Danbo342

Thanks Noel, and others.
I have listened to people. In fact read my second post. It was seeing the 1st two that couldn't duplicate the error get on the phone to a friend in Germany that was able to duplicate it. I then came back here and shared what my suspicions were of the Matrox unit. The other person able to duplicate the issue has yet to return to the forum for me to further check with (I guess some people sleep).
To be clear here. I have owned CS3 since it's release. I have built myself several computers since I bought it and this one is actually the third since then. This particular issue though was never seen until a few months ago since I seldomly use the Save for Web for saving files and just started using it on my latest flash site.
As for video cards. This card I am using is my 3rd. My GTX 260 was great but being having other joys of the PC I also always kept up with the latest and greatest cards so thus came my last purchase of the GTX295 before the newer ones hit. Point being, the issue is most likely my Trip2GO and plan on testing when I get home and get it ripped apart. I do web design on the side which is one reason the trip2Go for my home workstation. The other point is that I do a LOT more than Adobe work and my card needs to be high end and not some cheap card just to make my suite work. Maybe in the future I'll make another comp,,, one for every other product I own and then one just for Adobe's products.
Now as for tech support and myself. I am A+ certified. I am certified in every OS since Dos 6 and a hardware engineer. I do tech support, have 3 support forums and 11 web site, all primarily based on support. My comments above were not about getting mean, it is because Adobe support in general is one of the worst that I have ever had the misfortune to deal with and strongly disagree with the way they cut support and updates to a year old product (that's when no more patches came out I meant and known bugs were written off for the next version). To say try a new video card to me is like a supposed "tech" to say reinstall your OS, or like here reading people say (what I originally said I did) about clearing the preferences. Sure, this help clear up lots of Adobe product abnormalities but listen up folks, it's not a SOLUTION, it is merely a work around. It shouldn't get so screwed up to begin with. This is not my product and although I have tried it, it is wrong to not fix these issues and just expect people to keep refreshing there preferences. It takes me hours and days to get things back the way I want them and normally half way to heaven another bug and I have to reset them yet again! This is us dealing with a broken product, period. It is far from a solution, there's a huge difference.
Moving along,,, This build is a few months old but my windows install is much more recent. All firmware, drivers you name it is up to speed 100% I guaruntee. My hardware is all working perfectly with the propable exception of the Matrox rig. It has to be it. Being that the 1st two people to reply in my own forum were able to immediately duplicate the error had me thinking other but as you should be able to see is that changed fast and if you read this thread from top to bottom you'll see that I have been providing all the answers people are asking.
Thanks again, I'll report back tonight. My current plan is to go through the painful process of getting just one monitor working without the Matrox unit, flushing my preferences and trying again. I think it will work fine but will report back either way.

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

Similar Messages

Maybe you are looking for