Why do my images appear washed out when I use Save for Web?

Q: The color/brightness/tone of my image changes when I use
Save for Web. Why?
A: Photoshop is a color-managed application. The Web is not. Normally, when you view an image in
Save for Web or
ImageReady you are viewing it without color management and see it how it will appear when uploaded to the Web.
To minimize changes, Convert your image to sRGB (i.e from
Edit menu choose
Convert to Profile )before using
Save for Web. You should also make sure that
Save for Web has been configured so that images are displayed using the document color profile (see attached screenshot for guidance).
You should also ensure that your monitor properly calibrated and the gamma is set to 2.2.

Same here. Didn't get any good New Years Eve photos indoors.

Similar Messages

I am using photoshop cc 2014.2 And when I use save for Web it gives me a dialog box that says it is using Latin characters I've never seen this before. Does anyone have an answer for this problem or do I need to go back to the older version of Photoshop.

I'm using Photoshop cc 2014.21 I you save for Web and dialog box comes up that says that Photoshop is using Latin characters and that servers cannot recognize Latin characters in webpages and you may have trouble viewing these pages does anyone have an answer for this problem?

What Firefox version is currently installed on the computer?
You can find the full version of the current current Firefox release (37.0.2) in all languages and all operating systems here:
*https://www.mozilla.org/en-US/firefox/all/
If you have a very old Firefox version then you could consider to uninstall that version to clean up existing registry keys (especial the uninstall key).
Make sure NOT to remove "personal data" when you uninstall Firefox, because that will remove all profile folders and you lose personal data like bookmarks and passwords including data in profiles created by other Firefox versions.
Check the Firefox program folder and remove the Firefox program folder if there are still files left in it.
*(32 bit Windows) "C:\Program Files\Mozilla Firefox\"
*(64 bit Windows) "C:\Program Files (x86)\Mozilla Firefox\"
It is important to delete the Firefox program folder to remove all the files and make sure that there are no problems with files that were leftover after uninstalling.
*http://kb.mozillazine.org/Uninstalling_Firefox
Your bookmarks and other personal data are stored in the Firefox profile folder and won't be affected by an uninstall and (re)install, but make sure NOT to remove personal data when you uninstall Firefox as that will remove all Firefox profile folders and you lose your personal data.
*http://kb.mozillazine.org/Profile_folder_-_Firefox
*http://kb.mozillazine.org/Profile_backup
*http://kb.mozillazine.org/Standard_diagnostic_-_Firefox#Clean_reinstall

Why do my images look washed out...

Why do my images look washed out after I have worked in Photoshop CS6 and saved them in Finder? I have been a Photoshop user for a while now and have never experienced this problem. It started 2 months ago and no one can seem to tell me why or how to fix it. I am a professional photographer and I have clients waiting on their images but I can't send them looking as horrible as they do. My workflow is: drag and drop an image from iPhoto or Finder to Photoshop. I change things like levels, contrast, image size and use the healing too. Then I save to Finder so I can upload to dropbox or to website or burn to a DVD. Now when I save the image the thumbnail looks washed out, without color and looks horrible!!! I don't know if my photo files are corrupted or ? If I open the image in Photoshop or Bridge it looks fine. I would be grateful for any suggestions or explanation. Things were working just fine, but not now.

Examining the image direct from the camera of the child on the beach, using http://regex.info/exif.cgi there is a small embedded thumbnail (with black bars top-and-bottom to letterbox it to the LCD aspect ratio), and a small preview probably used for zooming in on the camera LCD screen, and the fullsize jpg image all contained in the one JPG file. All three of these seem to have identical histograms other than the black-bars causing a dark peak on the thumbnail image, but otherwise the shapes of the histograms and the position of the peaks from light to dark are the same.
In other words the full-size JPG and the embedded preview and thumbnail all seem the same other than size so the darkened version seen in Finder is not coming from the camera. The one issue the above website reports is that the camera JPG has a color-profile tag (name of the profile) but does not actually contain the color profile, itself. All other versions of the image have an actual embedded profile not just the name in a tag. It is possible that this is confusing Finder into assuming a different profile or gamma curve for the image that sRGB warrants, but most all camera images have this issue so I wouldn't expect a Mac to show images from all cameras as too dark.
It is a mystery to me why the Finder preview looks darker, but at least in the one side-by-side provided, it does, and is different-looking than all other representations of the image from what I can see.
At the beginning of this thread you said you were worried the photos coming out of Photoshop were washed out and had bad colors. From my perspective, what comes out of Photoshop looks the same as what comes out of the camera, so only Finder has it wrong. Are you seeing the darker image anywhere else besides Finder (and perhaps iPhoto which we don't have a screenshot of)?
Most importantly does the image you see on screen in Photoshop, while you're making adjustments, look dark like the pre-PS Finder thumbnail or does it look lighter, like the post-PS Finder thumbnail and all the images on DropBox?
If more than just the pre-PS Finder thumbnail is darker then you may have a monitor calibration issue that needs to be addressed, otherwise just ignore the pre-PS Finder thumbnail when evaluating if the image needs any adjustments and assume they are all ligher than the Finder image.
BTW, I tested for a sRGB vs AdobeRGB mismatch, and if an sRGB image is assigned an Adobe profile then the colors become more intense but the whole image does not become darker so that can't explain what is happening.

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

Error when trying to "Save for Web"

I, like others have the same problem in Photoshop Elements 6 editor when trying to "Save for Web". I get an error:
could not complete the export command because of a program error
I've searched the forum, but it seems like no one has found a solution.
I have a new PC with Windows 7 on it. It's Win 7 Ultimate 64-bit. i5 processor, 16GB RAM and plenty of HD space.
I am running Photoshop Elements 6.
When I used the same version of Photoshop Elements 6 on my old XP computer, I didn't have this problem.
Adobe Photoshop Elements Language Version: 6.0 (6.0 (20070910.r.377499))
Operating System: Windows Vista
Version: 6.1 Service Pack 1
System architecture: Intel CPU Family:6, Model:10, Stepping:9 with MMX, SSE Integer, SSE FP
Physical processor count: 4
Built-in memory: 15822 MB
Free memory: 11064 MB
Memory available to Photoshop: 1621 MB
Memory used by Photoshop: 55 %
Image cache levels: 6
Serial number: 10571087952197841429
Application folder: D:\Program Files\Adobe Photoshop Elements\
Temporary file path: C:\Users\Roger\AppData\Local\Temp\
Photoshop scratch has async I/O enabled
Scratch volume(s):
C:\, 111.7G, 76.2G free
Primary Plug-ins folder: D:\Program Files\Adobe Photoshop Elements\Plug-Ins\
Additional Plug-ins folder: not set
Installed plug-ins:
   3D Transform 10.0 (10.0x001)
   ADM NO VERSION
   ASDStrm NO VERSION
   Accented Edges 9.0
   Angled Strokes 9.0
   Auto Divide 6.0.0.0 (6.0 (20070910.r.377499))
   Average 10.0 (10.0x001)
   BMP 10.0 (10.0x001)
   Bas Relief 9.0
   Camera Raw 4.2
   Chalk & Charcoal 9.0
   Charcoal 9.0
   Chrome 9.0
   Clouds 10.0 (10.0x001)
   Color Halftone 10.0 (10.0x001)
   Color Variations 10.0 (10.0x001)
   Colored Pencil 9.0
   CompuServe GIF 10.0 (10.0x001)
   Conditional Mode Change 10.0 (10.0x001)
   Conté Crayon 9.0
   Correct Camera Distortion 9.0
   Craquelure 9.0
   Crop and Straighten Photos Filter 10.0 (10.0x001)
   Crosshatch 9.0
   Crystallize 10.0 (10.0x001)
   Cutout 9.0
   Dark Strokes 9.0
   De-Interlace 10.0 (10.0x001)
   Difference Clouds 10.0 (10.0x001)
   Diffuse Glow 9.0
   Displace 10.0 (10.0x001)
   Dry Brush 9.0
   Extrude 10.0 (10.0x001)
   FastCore Routines 10.0 (10.0x001)
   Fibers 10.0 (10.0x001)
   Film Grain 9.0
   Filmstrip 10.0 (10.0x001)
   Filter Gallery 9.0
   Frame From Video 6.0
   Fresco 9.0
   Generic EPS 10.0
   Glass 9.0
   Glowing Edges 9.0
   Grain 9.0
   Graphic Pen 9.0
   Halftone Pattern 9.0
   Ink Outlines 9.0
   JPEG 2000 2.0
   Lens Flare 10.0 (10.0x001)
   Lighting Effects 10.0 (10.0x001)
   Liquify 7.0
   MMXCore Routines 10.0 (10.0x001)
   Magic Extractor 10.0 (10.0x001)
   Matlab Operation 10.0 (10.0x001)
   Mezzotint 10.0 (10.0x001)
   Mosaic Tiles 9.0
   Multiprocessor Support 10.0 (10.0x001)
   NTSC Colors 10.0 (10.0x001)
   Neon Glow 9.0
   Note Paper 9.0
   Ocean Ripple 9.0
   OnEdge 1, 0, 0, 1
   PCX 10.0 (10.0x001)
   PNG 10.0 (10.0x001)
   PNG Icons 1.22x1
   Paint Daubs 9.0
   Palette Knife 9.0
   Patchwork 9.0
   Photocopy 9.0
   PhotomergeUI 10.0 (10.0x001)
   Picture Package Filter 10.0 (10.0x001)
   Pinch 10.0 (10.0x001)
   Pixar 10.0 (10.0x001)
   Plaster 9.0
   Plastic Wrap 9.0
   Pointillize 10.0 (10.0x001)
   Polar Coordinates 10.0 (10.0x001)
   Poster Edges 9.0
   Radial Blur 10.0 (10.0x001)
   Read Watermark 1.70.19
   Reticulation 9.0
   Ripple 10.0 (10.0x001)
   Rough Pastels 9.0
   Save for Web 3.0
   ScriptingSupport 10.0
   Shear 10.0 (10.0x001)
   Smart Blur 10.0 (10.0x001)
   Smudge Stick 9.0
   Solarize 10.0 (10.0x001)
   Spatter 9.0
   Spherize 10.0 (10.0x001)
   Sponge 9.0
   Sprayed Strokes 9.0
   Stained Glass 9.0
   Stamp 9.0
   Straighten Image 10.0 (10.0x001)
   Straighten and Crop Image 10.0 (10.0x001)
   Sumi-e 9.0
   Targa 10.0 (10.0x001)
   Texture Fill 10.0 (10.0x001)
   TextureSelect 10.0 (10.0x001)
   Texturizer 9.0
   Tiles 10.0 (10.0x001)
   Torn Edges 9.0
   Twain Acquire 10.0 (10.0x001)
   Twain Select 10.0 (10.0x001)
   Twirl 10.0 (10.0x001)
   Underpainting 9.0
   WIA Support 10.0 (10.0x001)
   Water Paper 9.0
   Watercolor 9.0
   Wave 10.0 (10.0x001)
   Wind 10.0 (10.0x001)
   Wireless Bitmap 10.0 (10.0x001)
   ZigZag 10.0 (10.0x001)
Plug-ins that failed to load: NONE
Installed TWAIN devices:
   WIA-HP Scanjet 4800 series

I also tried the alt/ctrl/shift buttons when clicking Editor in the Photoshop welcome screen. It did ask if I wanted to reset the preferences. I chose yes. I still get the same error message when trying to save for web.
Below....showing I don't have a "save for web" folder on my C drive.
And below, showing the same error after pressing alt/shift/ctrl when clicking on editor and clearing the preferences.
I don't have a 'Save for Web' folder anywhere on my C: drive. I searched and came up with no folder with the text "save for web" in it.
I did find a "save for web" folder on my D: drive and deleted that.. but now when I start up Photoshop, the option for Save for Web is grayed out...not able to select it.

Color shift when using save for web

Hello,
I am converting my psd files to jpegs using "save for web". I am noticing that the colors are shifting from the original after saving for web. The color shift does not happen if I just convert the psd files to jpegs by using "save as". The psds have a profile of RGB1998. I am using CS3 and my monitor is color calibrated.
Do I need to convert the psd documents to sRGB first before I go to "save for web"?
The preview doesn't look any different if I check ICC profile in the save for web window. I have been told that you are not supposed to embed the ICC profile in the document when saving for web because most monitors are untagged.
Anyway I am wondering if I have to accept a color shift when saving for web or is there something I can do to get the saved for web jpegs to more closely match the original psd?
Thanks a lot for your help.

I think the reason why this question is asked often is because the FAQ entry is pretty lame and incomplete, especially for Mac users that by default have a color managed browser and by default have a screwed up rendering mechanism for untagged images.
Depending on your version of Photoshop, you can convert to sRGB before or during the Save for Web operation.
cesspool13 wrote:
...I have been told that you are not supposed to embed the ICC profile in the document when saving for web because most monitors are untagged.
You convert to sRGB for the systems that do not fully support color management.
and...
You include the sRGB ICC profile for the systems that do support color management.
Doing both covers your bum in most situations. You may choose to omit the ICC profile if you are working on common interface graphics that do not require strict color management. The ICC profile adds a few kilobytes to the file size that are not necessary on lesser graphic elements on a web page.

Is it possible to preset to JPEG High when using 'Save for Web...'?

Hi,
I am using photoshop elements 10. When I am ready to save an image under 'SAVE FOR WEB..' can I preset it to 'JPEG HIGH' cos right now it will pop up 'GIF'.
When I am using PSE2, I am able to launch it as JPEG HIGH. Now, I have to click on the popdown menu to select 'JPEG High'.

You need to right-click on the PSE desktop icon and choose "Run as Administrator".
Then, open a file in PSE, use Save for Web and change all the settings to what you prefer. Hold down the Alt key and the "Done" button will change to a "Remember" button. Click it and then save your image. The settings will be saved and you do not have to run PSE as an administrator again.
Ken

Mac user, PS CC 2014 latest version. When using "Save for Web" I bring my 900 x600px @72 ppi in to SFW and the output becomes 300ppi. The only way it stays at 72ppi is if I check "none" for metadata. I know to should not matter much, but I would prefer to

Mac user, PS CC 2014 latest version. When using "Save for Web" I bring my 900 x600px @72 ppi in to SFW and the output becomes 300ppi. The only way it stays at 72ppi is if I check "none" for metadata. I know to should not matter much, but I would prefer to keep all my web jpgs @ 72ppi. Any solutions?

It opens up as 900x600 @300ppi
Here's a screenshot-

Removing Exif Data with out using "Save for Web"

I have very large files. I need to remove thw EXIF data. I do not want to use "save for web" because it impacts the quality and size (recompresses) of the files. I need the files to remain un changed except for the removal of the EXIF data.
I have a large number of files to do this to.
Can anyone help?
Thanks

Thanks Tai Lao for the shortcuts.
I have RAW files to start. I "process" them and convert to jpg. Then send them to the client. But there are times the client doesn't need to be able to view the EXIF data, soooo....
1. I'm working on seting up an action to convert the processed RAW files to TIFF first,
2. then, using the shortcuts you listed, set up an action to take the tiff files through the process to strip them of the EXIF data and,
3. then convert the resulting "EXIF-less" TIFF files to jpg - also using an action. I'm going to try to build one action to do the whole thing but so far I'm still experimenting... I have to keep the file names...
Anyway, I'll post my findings.
Thanks
To whomever left the info about Exiftool - Thanks for that info as well. I'll check it out but is seems a bit too complicated for large numbers of files.

Colors are appearing washed out when saving from Illustrator to PDF

Hey Guys,
I am working on a cover page for my office to go along with our bid packages. I have finished adding all of the elements that they wanted and added a little flare to it. Its a really basic document and when I save it into a PDF form, the colors appear washed out or like the PDF adds a lot of white. the Rich black appear gray, the red appears pinkish... and the blue is much lighter than it looks in AI.
I need this to be completed soon, and I have been having this problem for a while now. Im not sure if its just the way it looks on the screen, or if it will print like that. I am a self taught Adobe guy.. So I am a little confused as to how to make this all work
Any help would be greatly appreciated!!!
Steve

Steve,
What the PDF ultimately looks like depends on the settings when you create it. If you open it in Reader, it may be somewhat off, but in Acrobat it should look right (if your colour management settings are the same as in Illy).
A rich black may be customized to match the artwork in question (such as no C if there is no C in the artwork), or you may have some of each, often with emphasis on C and maybe M; there may be different views on what a rich black should hold.

Slicing image issue when using "save for web"

Keep in mind I am a newbi to photoshop and these forums. I am currently having an issue with using the slice tool when trying to save the image in html format. I have my image completed and when I use the "save for web" feature, it comes up just fine. Then I click the slice tool on the tool bar on the left, and try to drag over the area that I want to slice and it wont work. Currently, every time I try to use the save for when feature, the new box pops up and shows my image with a 1 and a symbol on the top left of the image like the whole image is already made into a slice. The only thing I can do is left click and hold to drag the transparent box to where I want to slice the image, and when I let go, the image does not slice. Any help would be great!

Completely wrong workflow. See the online help on the slice tool.
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

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.

Crop Area Tool leaves a small border when using Save for Web

A grain of sand as problems go; tiny but irritating.
The process:
Click on an object (or grouped objects) with the Crop Area Tool.
Click File, and Save for Web and Devices
The problem:
The resulting image is offset one pixel from the crop area box, leaving a white or gray border on one or more edges. No empty space between the image and crop area box is detectable when zoomed in all the way. All measurements appear accurate.
I'm using Illustrator cs3 13.0.2, with Windows XP.
Has anyone else come across this problem?

Yeah I have the same problem and it is incredibly frustrating!!

Problems with Fit to Artwork Bounds when using Save for Web

When I do the Fit to Artwork Bounds function under Artboard Options and then Save for Web, the file has a line of white (or nearly white) pixels at the top. As a workaround, I then open the png file in Photoshop, crop out the white line of pixels and resize the image, but that shouldn't be necessary. How do I prevent it from making the white line of pixels at the top?
I'm using Illustrator CC on Mac OS 10.7.5.

you can make your art go a little bit over the bounds. or you can make sure your artboart and art edges align to pixels

Why do my images appear washed out when I use Save for Web?

Similar Messages

Maybe you are looking for