Different Colors by "Saving for Web" - why???

hello,
i save pics for the web, incl. profile sRBG.
but the pics look colder - warm colors get lost - in firefox, because ff is not able to use profile (but only with an extension as i know).
safari is able to show the collors correct.
bridge color prefs are set to "for web/europe".
i am choosing "saving for web", and "Incl. ICC-profile"...
any ideas?
thanks
claus

i have no ie (win) here right now, only mac.
but here are some pics/examples:
the original file (incl. sRGB profile, but size reduced in ps3):
http://www.clausinisland.de/images/IMG_6438kl.jpg
(ok in safari, but "cold" in firefox 3)
here we have a jpg by "saving for web...", excl. ICC-profile!:
http://www.clausinisland.de/images/b2222mm.jpg
(colder colors, see the skin color, like the original in ff3)
one more:
http://www.clausinisland.de/images/bild2.png
left: jpg with profile in ff3
right: same pic in preview
hope this helps a little...
i wonder, if others have not similar problems?!?!? what i am doing wrong?
thanks
claus

Similar Messages

Why is same file different sizes after saving for web?

I have files that I save in PSCS3, under, "Save for Web & Devices" and I indicate under "optimize to file size" that they should be no larger than 60K. After item is saved and I go to "Get info", it says the file is 60K. Yet when I open the file in PS and go to Image Size, it says 467K. Why the discrepancy? Thanks for your feedback!

One is the compressed file size on disk (60K). The other is the uncompressed image size (369 pixels x 432 pixels x 8 bits per channel x 3 channels / 8 bits per byte / 1024, since K really is 1024, not 1000).
http://en.wikipedia.org/wiki/Image_compression
[Yoink!]

How differs soft proofing in View - Proof Colors and Save for Web - Preview?

Hi, I'm currently confused with one inconsistency. My working space is Adobe RGB and I use calibrated monitor. After I finish my work on image I go to View -> Proof Colors -> Internet Standard RGB. Image looks terribly with the overall violet/purple hue. Then I open Save for Web dialogue, I check Convert to RGB and from Preview options I select again Internet Standard RGB. Now the previewed image looks as expected. The same results I get if I manually convert image to sRGB before soft proofing and saving for web. So... what's the difference between preview in Proof Colours and in Save for Web? Thank you for your opinions.

Hi 21, thank you for your input. All what you say makes perfect sense, it is exactly how it should work and how I expected it works. My problem was, that while testing this theory in practice, I have come to different results. I expected, that if I stick to the theory (meaning keeping in mind all rules you perfectly described) I should get the same result in both soft proof and save for web preview. But... it was not the case. Save for web preview offered expected results while soft proof was completely out of any assumptions and colours were totally over-saturated with violet/purple hue. Also, Edit -> Assign Profile -> sRGB gave another result then Soft Proof -> Custom -> assign sRGB (preserve numbers), but the same as save for web preview. What troubled me was why this is so.
Today I've made tests on hardware calibrated monitor and... everything works exactly as you describe and as I expected.
Then I went back to another monitor which is software calibrated (both monitors are calibrated with X-Rite i1 Display Pro). And again... I received strange results described above. So I did the last thing I thought and disabled colour calibration on that monitor. And suddenly... both soft proof and save for web preview gave the same result.
Probable conclusion: soft proof and save for web preview (together with Edit -> Assign Profile) are programmed to use different algorithm which is evident on standard gamut monitors with software calibration. Question can be closed.
Gene and 21, thank you for your effort.

PNG changing colors using save for web (CS2)

Im having a problem with making PNG pictures when using the "save for web" function (this also happens in Image ready)
I make an image in sRGB color space and chose "save for web" and set the settings, all looks fine and i save it as png8 or png24.
Then when i view it in a browser the colors af "off" (desaturated) ??
But if i chose "Save as" in Photoshop, and chose png, and save it that way, the color macth up and looks allright.
What im a doing wrong ??
I have made a test with to sets of colors / picture one with "websave" color and one without then save them "using save for web" in gif, jpg with profile, png8 and png24
The gif and jpg goes well but the png's colors goes "off"
I also saved the to files using "save as" and here the png's colors looks fine
(Ther are also some screendums of my color setting, "save for web" setting and my screen profile if that can be of anny help
http://home19.inet.tele.dk/jgom/pngtest/
Also! can anybody tell me this ?
When using "save as" i cant chose what png im saving as ? (8 or 24) What type of png dos PS use when you save it like that ???

Now I've read up on it, it seems the issue is indeed gamma.
(I really appreciate the "that's impossible, you must be doing something wrong" comments, by the way. Not "hmm, I don't know," but actually "what you've described in detail isn't happening; you're imagining things." Super helpful.)
Anyway the real question is: is there a way to stop Photoshop from including gamma data? It's apparently an optional portion of the PNG spec.
The whole gamma thing is unfortunate, but the *really* unfortunate bit is that Photoshop includes this information at all, particularly in a Save for Web context.
Most importantly, it seems this has been an issue for some time (Google "PNG Photoshop gamma"), and PNG is usually used for web, so why on Earth hasn't Adobe addressed this? Let's not forget that Photoshop is the industry-leading tool, and the Extended version costs $1000 by itself. The only options I've seen for saving as PNG in PS so far is sRGB conversion, bit depth, transparency, and interlacing. This whole gamma thing seems pretty unacceptable behavior, even by default.
I'm looking into pngcrush; does anyone have a simpler solution to strip the gamma information? Of course, if there's a way to do this in Photoshop itself, please please let me know.
Thanks.

Losing quality when saving for web after using Multiply

I have a normal photograph, with a red layer on top set to Multiply/Darken. When I save it for web, regardless of what pixel size, or what uploader I use the quality is terrible.
Have tried uploading to different services, from difference devices with the same issue, so assume it's a colour profile thing.
Any help appreciated.
Image shows the difference in quality compared to normal.

04dalyj wrote:
I have a normal photograph, with a red layer on top set to Multiply/Darken. When I save it for web, regardless of what pixel size,
DPI is pixel size and images are not displayed on screens with the pixels sized as specified in images resolution setting. The images pixels are displayed on displays with pixels the size the display is run with. So web images display on display, display with different sizes and resolution depending on the users display device.
Images saved for web display should be saved with sRGB colors for many image viewers are not color managed and assume web images have sRGB colors.
So you images will display differently on different displays and no matter how you save them colors will vary displays may not be calibrated all displays do not have the same color capabilities.
The best you can do is calibrate your display and save them with sRGB colors jpeg or png files that display well and look good on your calibrated display.
Most desktop displays are 100DPI resolution displays where newer tablets and laptop have high resolution displays 200 to 300DPI. Even new Desktop 4k display have lower resolution. I believe the highest resolution 4K display in production is the Dell 24: display . Its resolution is 185DPI. Out of production is IBM's old 4K display which had a 204DPI resolution.

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.

Photoshop crashes when saving for web and devices

When hitting saving for web and devices, Photoshop starts to render images but before it's done, it crashes. I get an error-popup with no text and the screen where normally the animation is shown is red. Then Windows comes with a crash report and I can only quit Photoshop.
I have an animation of over 150 frames, but just some black and white lines, no color.
I'm using Photoshop CS 5.5 on Win7.
I tried deleting the preferences in AppData/Roaming etc, but no result, still crashes.
My Photoshop is also updated to the latest version.
Help?

Ok, here's a crash report from Windows (not sure which I should post so just gonna post them both..)
Naam van toepassing met fout: Photoshop.exe, versie: 12.1.0.0, tijdstempel: 0x4d90cf71
Naam van module met fout: Save for Web.8BE, versie: 12.0.0.1, tijdstempel: 0x4d90d758
Uitzonderingscode: 0xc0000005
Foutoffset: 0x002d2e96
Id van proces met fout: 0x1f4c
Starttijd van toepassing met fout: 0x01cdb1fca2dd8dcb
Pad naar toepassing met fout: C:\Program Files\Adobe\Adobe Photoshop CS5.1\Photoshop.exe
Pad naar module met fout: C:\Program Files\Adobe\Adobe Photoshop CS5.1\Plug-ins\Import-Export\Save for Web.8BE
Rapport-id: fa9784f8-1def-11e2-a242-00238bb26d31
Photoshop.exe
12.1.0.0
4d90cf71
Save for Web.8BE
12.0.0.1
4d90d758
c0000005
002d2e96
1f4c
01cdb1fca2dd8dcb
C:\Program Files\Adobe\Adobe Photoshop CS5.1\Photoshop.exe
C:\Program Files\Adobe\Adobe Photoshop CS5.1\Plug-ins\Import-Export\Save for Web.8BE
fa9784f8-1def-11e2-a242-00238bb26d31
Where can I find a Photoshop Crash Report?

How can I get PS CC to always load my preferred Preset while saving for web output?

For my purposes, I'd prefer to save all JPEGs at 100% quality while saving for web output. I've made a preset as seen below.
However, PS doesn't always defer to this setting when I begin saving an image for web. Is there a way to make this preset automatically
load every time I open the output to web process? I process a large number of images, and if I could avoid correcting this it would save me a lot of time.
I'm using PS CC on a PC. Any help will be appreciated!

This is the only custom preset I've made with this particular system. So I'd need to delete the pre-loaded PS presets?
I'm a little loathe to remove the options in case they might be needed in the future or for a task other than the primary one described.

PSD files saved for web and devices show up as broken when opened Dreamweaver. How can this be fixed?

PSD layouts saved for web and devices show up as broken links in dreamweaver. Previews in browsers are fine, but I keep getting and error message that says the files have been blocked. What is the fix for this?

You can also try out Project Parfait. It's a new experiment from Adobe that’s currently online and free to try out and use.
It allows easy PSD comps-to code workflows.
Project Parfait (Beta) - PSD CSS Extraction, Measurements and Image Optimization Service for the Web
-Subhadeep

What is the best way to keep high res when saving "for web"

the files i'm saving for web so i can get them in jpg (or gif) format are coming out very pixelated. this is when i print the image.
what is the best way to save for web an image and keep the resolution good.
using for a business card template. avery template will let me attach images i want to the project. to do this.. i "get file from computer" and it drops the image in but real small... then you are supposed to enlarge it onto your work however you want. well when i enlarge this image file, it gets pixelated badly. i'm thinking it's the way i'm saving it. i do not adjust anything when i save. maybe i should. this is where i need guidance.
this is what avery template notes about the images i am allowed to use - When uploading the image, the maximum size allowed is 4 MB. You can only upload JPG and PNG images either as RGB or CMYK. so when you recommend things, can you please keep this in mind
thank you for oyur time.

Aida,
When you save with the default template using save for web it is generally a very low settings.
While in the save window you can define the pixel size of the image you want with quality as well as resolution too.
Refer to tv.adobe.com video save for web or Adobe help file for detailed instructions.
Mandhir

Photoshop PNGs saved for web in CS3 v.10 still are not transparent in iWeb 08 2.0.4

I have read the topics and tried the tricks and still have black backgrounds on my photoshop graphics. After saving for web & devides as png8 with transparency I have a checkerboard pattern behind my graphic. I am using the magic wand tool, selecting the emptiness/checkerboard behind, then choosing to select the inverse, the ctrl c, then ctrl v in iWeb
Thanks for any help.
Kristie

When you use the Save For Web or Devices be sure to click on black in the pallet and then on the transparent "button" just below the pallet before saving as a png file.
OT

By saving for web text-layer becomes a image in HTML what is wrong?

By saving for web text-layer becomes a image in HTML what is wrong? In this way I can not use CSS in the editor.

Right click on the layer, Duplicate Layer, set destination to the other image file in the dropdown.

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.

Saving for web preserving the metadata

I'm saving for web and want to preserve all metadata except camera info, but besides the camera info, it's not saving the description either. Is it right?
Actually, I only want to save copyright information, author, keywords and description, but there's not such option....
Anyone can help?
Thanks

If you don’t save your custom Presets like Brushes, Actions etc. at least every now and then … well, then losing them because of posssibly corrupted preferences might be a learning experience.
Anyway, the preferences may not be the problem at all, trashing them is simply a trouble shooting routine that may or may not help in your case.
The sfw-preferences should, if I’m not mistaken, be at
~/Library/Preferences/Adobe/Plugins/Adobe Save for Web CS5/Photoshop/Adobe Save for Web CS5 Prefs

AI CS3: Saving for web adds pixels

I've been noticing this in AI... you have an object... 60 pixels in width... save as a .gif/.jpg/whatever. It'll always add on a pixel or two to the size. IOW, 60 pixels is now 62 pixels. Plays hell when you're trying to create a precise site...
JJ

Strokes may be the cause. Object dimensions don't include stroke widths. A 20 pixel wide rectangle with a 10 point stroke (using "Align Stroke to Center" option) will add 5 points to either side, hence it becomes a 30 pixel wide graphic in Save For Web even though it shows as 20 pixels wide in the Transform palette. I don't know if there's a way to include stroke thickness in the dimensions.
Another possibility is that the x & y values are not round numbers. If a 20 pixel wide object's left side starts at X = 100.5 pixels, it will become 21 pixels wide when Saving For Web (i.e. 20 pixels plus the anti-aliased "half" pixels on the left and right sides). Zoom in on that test rectangle in Save For Web and you'll see the left and right sides are grey (if the rectangle is black), so that's another thing to keep in mind. If you want exact and crisp graphics, you need to make sure X, Y, W & H fields are all round numbers (no decimals). This is especially true for square or rectangular graphics. That anti-aliasing is less important or noticeable if the graphic edges are all curves or diagonal lines. [edit: I believe this is what Jacob what talking about...the pixel grid.)
An alternative might be to copy and paste your graphic(s) into Photoshop then Save For Web from there. That will sidestep the "round number X + Y" issue a 20 pixel wide box pastes into a 20 pixel wide Photoshop canvas. Just ensure your colour settings are the same in Photoshop and Illustrator (eg. sRGB).

Different Colors by "Saving for Web" - why???

Similar Messages

Maybe you are looking for