Photoshop CS3 Save for Web Outputs Large Filesizes

Hi guys,
I have been using Photoshop CS3 for many happy years and over the last few weeks I have noticed something very unusual. When I use Save for Web and save jpegs, gifs, or other images, the estimated file size which shows in the corner is being heavily inflated when I look at the actual file size of the files it's outputting.
I am having to open up the files in Preview and then do another save as jpeg to get the file size down!
For example, I regularly make small 200px wide by 96px high logos for a clients website and have been doing this for a few years. The average file size of these is about 5KB, which is what I aim for. When I use Save For Web now, it will indeed show an output size of around 5KB, however, Finder reveals the size is 17KB or higher!
Why is it doing this and how do I put a stop to it? It is very frustrating and time-wasting to use third-party apps to fix simple small things like this. Please don't suggest I upgrade to CS5 to fix the problem.
Cheers

Thanks for your help, I don't know if I reset my save for web preferences as I tried the keyboard shortcut method shown in the other forum post you provided, however, I didn't see any feedback indicating if it worked. Also, they were using PC keyboard commands not Mac, so I tried using either Control and Command just in case.
Either way I tried another thing while I was in the Save for Web dialog, I clicked on the little arrow the points to the right underneath the Done button and to the right of the Preset drop-down. It is called the "Optimize Menu", I then clicked on "Edit Output Settings" and chose "Default Settings" from the "Settings" drop-down.
My saved image file is now 5KB! Finder shows it as 8KB, however, Dreamweaver is showing it as 5KB which is all I wanted!! Hooray!

Similar Messages

  • Photoshop CS3 "Save for web" doesn't work

    Hi everybody. I noticed one weird thing. When I want to use "Save for web" function on my Photoshop CS3 to save some jpg file and reduce size, the dialog window just doesn't appear. I clicked Save for web and nothing happen. The window of the file a wanted to save just get grey. I'm new in CS3 an it worked well in my CS2. BTW I use MacBook Pro and CS3 for Mac.
    Guys, any ideas?
    Thanx a lot. :-)

    Hi all,
    Deleting the SFW prefs worked for me.
    My Photoshop CS3 was working fine till I (probably unwisely) tinkered with system files to free up some space.
    Re-installed CS3 from scratch but still couldnt "Save for web".
    Then I found this tip suggesting deleting the SFW prefs and BINGO! Back in acion.
    Thanks for the tip.
    G

  • CS3 Save for Web bugs - No answer from Adobe in all forum posts

    I just upgraded to Illustrator 13.0.02 and the problem is the same: Slice names and output settings are not remembered/saved like all previous AI versions.
    I don't understand why this post was closed: CS3 Save for Web Problems
    http://www.adobeforums.com/webx?128@@.3bc41aeb.
    and this one: "Save for Web" names of frames vanish
    http://www.adobeforums.com/webx/.3bc4cd31/2
    It is the same as: AI CS3 - Save for Web & Devises image name problem
    http://www.adobeforums.com/webx?128@@.3c057eab
    Concerning slice name: It looks like they now have to be saved via drop down menus in order for Illustrator to remember the slice names for export again: "Object - Slice - Slice Options, and then in Save for Web, set the Output Settings for Saving Files"
    In my opinion this is incredibly poor UI design. In prior versions of Illustrator, I would save the names in the Save for Web dialog box by simply double clicking the slice frame, and it would remember the names of my slices for export again.
    Clicking through drop down menus just to name a slice is inefficient compared to just double clicking a slice frame to name the slice.

    This is a bit of an old thread, but I too have recently discovered this problem in working with AI CS3.
    I contacted Adobe support with the question. I asked them why it was not possible to select and optimize individual slices in the Save for Web and Devices dialog in CS3, and then maintain those settings after saving the slices or clicking "Done"... even though that very feature was available and working in CS2.
    Adobe's answer was, quite simply, that they have ceased any development on CS3, including bug fixes, and that anyone who wants the problem fixes would have to buy CS4 in order to "fix" the problem.
    In short, they are quite aware of the problem, but would rather have us pay for a new product in order to have it fixed, than to pay a programmer to spend a few hours or a few days in tracking down the problem and getting it sorted out. This is their short-term solution to a long-term problem.
    There is a workaround to the slice naming, as you have found - name the slices from the Object - Slice - Slice Options menu. It's a royal PITA, I know, but it does maintain the slice name settings.
    However, there is no real workaround to save the optimization and output settings (such as color tables and JPEG/GIF/PNG settings) for each slice. It's a completely broken feature, or in Adobe's own words, "a problem". A big fat bug. Let us not mince words here - it is technical and corporate incompetency. Technical incompetency can be excused - publishing a new build will fix the problem. But corporate incompetency, which tells the programmers that they don't need to fix the problem for "marketing" reasons, is totally inexcusable.
    It doesn't cost Adobe anything to just shelve a problem... at least, not now. But I refuse to buy Illustrator CS4 as a result, because I don't want to give in to their ineptitude and lack of attention to the customer in this case. Which costs them more now, to pay the programmer to fix the error and then publish a new build on their web server... or to tell the customer that the problem won't be fixed and to buy the newest version? You do the math. Read 'em and weep.
    Makes you want to migrate to Fireworks for web comp design, doesn't it. At least Illustrator has an excuse - it's an all-purpose vector graphics application, not specifically a web comp design app. If this were Fireworks, on the other hand, I think that there would be oodles of furious programmers screaming colorful obscenities at Adobe's front door.
    I really like Illustrator for what it does, but I'm not using CS3 for any more web comps after this.
    Jeff Chapman

  • Photoshop CS6 Save For Web UI extra border Bug

    Last week we finally got upgraded to CS6, and I'm dissapointed to see the visual defect I reported in CS5.5 still exists in Photoshop CS6 Save for Web. The details and screenshots are all the same as in my previous thread. http://forums.adobe.com/message/3843054#3843054
    Isn't there a way to fix this?  I rely on PhotoShop to be pixel perfect, not to add extra distracting lines and borders to my work.

    FYI, just to test I just did a crop of an image, then screen grabbed the result.
    To ensure the edge is visible, I changed the workspace background from the dark gray I usually use to a lighter gray...  Here's the pertinent part of the workspace...
    A closeup of the upper-right corner:
    Notably, I don't see any black line around it like you showed.  This leads me to wonder whether I interpreted your screen grab properly...
    -Noel

  • Editing Save for Web output settings with script

    I'm just curious if it is possible to edit the Save for Web Output Settings in a script (Not the save for web options, but the "Edit Output Settings" in the drop down menu). I figured it would be somewhere under the .options, but I'm not finding anything.

    You can find examples here in forum.
    Here is one by Paul Riggott:
    Paul Riggott wrote:
    Here you are...
    function main(){
    if(!documents.length) return;
    var Name = app.activeDocument.name.replace(/\.[^\.]+$/, '');
    var saveFile = File(Folder.desktop + "/" + Name + ".jpg");
    if(saveFile.exists){
       if(!confirm("Overwrite existing document?")) return;
        saveFile.remove();
    SaveForWeb(saveFile,100); //change to 60 for 60%
    main();
    function SaveForWeb(saveFile,jpegQuality) {
    var sfwOptions = new ExportOptionsSaveForWeb();
       sfwOptions.format = SaveDocumentType.JPEG;
       sfwOptions.includeProfile = false;
       sfwOptions.interlaced = 0;
       sfwOptions.optimized = true;
       sfwOptions.quality = jpegQuality; //0-100
    activeDocument.exportDocument(saveFile, ExportType.SAVEFORWEB, sfwOptions);
    Have fun

  • Photoshop CS6 save for web some colors change?

    I have a picture with large area of color: #fffdfd, when I save it for web (jpg) this color is changed to #fefcfd (in JPG).
    I just can not save as JPG with #fffdfd.
    (was trying uncheck convert to sRGB, do not embed color profile - always #fffdfd changes to #fefcfd when save for web)
    However, color #fefcfd when save for web , does not change.
    Why some colors change and some not? Is it a bug ?
    Window7 64bit, Photoshop CS6

    Save for Web & Devices will strip some color data from the file.
    Browsers aren't color managed. Most file formats on browsers assume they're sRGB. While Photoshop gives you an option of embedding sRGB to the document color space, it also strips off data that is not relevant. This is a common occurence.
    PNG-24 on the other hand will give you the exact color match.
    Also, Save for W&D, JPG quality matters a lot - The same color at Quality 10,20,30,40,50...100 wil give you different color reproductions on the JPG end output.
    If you're concerned that much about an offset of +/- 1 hex value to your RGB colorspace, dont save for web & devices. Do a 'Save As' instead. Then use an image editing/ resizing application such as ResizeMe to resize the quality of your document. This, in most cases will retain colorspace information but just drop the resolution and quality of the image - giving you a lesser filesize.
    On a sidenote, You may also want to read this article on how to best manage color spaces: http://viget.com/inspire/the-mysterious-save-for-web-color-shift

  • 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

  • Pshop CS3 Save for Web Increases Width/Height

    Hi, I've been using Photoshop for 15 years and used the Save for Web at CS2 without problem. In CS3, it is downsampling the res from 300 ppi to 72 correctly but at the same time increasing the width and height, as though I'd gone into Image Size to do the resize and had the Resample Image field unchecked. This worked fine in CS2, so what gives? I can't find any setting that needs to be changed in the Save for Web interface.

    Buko, I respectfully submit that your comment makes no sense. In CS2, using Save for Web automatically cut down the ppi to 72, and it removed web-unnecessary things like previews and paths so that the file could become smaller. It did NOT change the width or height of the image.
    The CS3 version is cuts down the res to 72ppi. This is fine. The problem we're experiencing (on more than one machine) is that it's growing the width and height as though it's not downsampling when it changes the res. IF that's what you mean by "strictly pixel based," then OK, but it's problematic.
    This is exactly the opposite result that you get if you take a digital camera photo that has a large dimension but low res, and increase the res to 300 while not allowing it to resample: you get a high-res image with smaller width/height image, as all pixels get smaller but maintain their exact colors.
    If the CS3 version of Save for Web changes the diensions of the image, which is frequently created based on the final dimensions needed in the web page, then it's freakin' useless, and I might as well create an Action using Image/Image Size to reduce the res but maintain dimensions.

  • Photoshop CS4 Save for Web JPEG Colors are Off

    Ok, I've scoured the web to see about finding a solution for this and tried every possible option and still I'm coming up empty handed. I have a website that I'm developing for a painter and have an image converted to sRGB, and the colors are where I want them to be. I use Save for Web, and every iteration suggested online for the, embed and don't embed, convert to sRGB and dont' covert, use document color profile, use windows, yada yada. Here's a recent example:
    when i preview the image with Firefox, here's the difference:
    The photoshop version is on the left and is the color that I want/need. The image on the right is firefox and saturated. If I save for web with embedded profile, safari is accurate, whereas firefox is saturated, so it's obviously discarding the icc and using some color space that I can't see in my file. I did notice that if I have my Custom, Proof and select Monitor RGB, then I can see what firefox will ultimately display and also what Safari will display if i have Embed ICC Profile unchecked in the save for web dialogue box.
    I know that CS2 and CS3 were easier and less squirrely with color managing web files, but I think CS4 has some juju under the hood. Am I the only one out there frustrated, or like other web developers just accept the inaccuracy and move on? Since this is fine art, I'm doing my best to dial the color in, but it's been all afternoon beating on this.
    Any ideas, I'm ready to install CS3 and see if my life will be easier, but I'm wondering if having Photoshop CS3 and CS4 will cause any issues.

    >> your logic
    That's my rant and I'm sticking to it.
    The OP wrote he doesn't want or need to discuss the pros and cons of embedding profiles in Web images, but for the sake of anyone else reading this:
    1) Embedded ICC Profiles increase file sizes (about 4K per image).
    a) I may have over 100 thumbnails and dozens of photos on one page,
    b) Plus, I may have an image sliced into many pieces.
    c) That additional 4k per image, per slice, will add up fast and may kill dial-up traffic.
    2) Very few computers use color-managed web browsers or calibrated monitors anyway, and
    3) Problems with matching/blending image's edges or background color with a filled box or page color.
    d) If I tag the image — on Mac colormanaged browsers — the color will mismatch the box/page color on managed browsers because the tagged image is being Converted to MonitorRGB, and the untagged page or box color is having MonitorRGB Applied.
    e) This matching or blending a pixel-based graphic to page color is a pretty big deal to do correctly in professional web publishing.
    f) If I publish untagged sRGB images/graphics, the box/page color will match the images and blend correctly in all browsers.
    I WILL QUALIFY my general recommendation about embedding profiles in pixel-based web images for the following reasons:
    1) You are posting fine-art images, creative portfolios, and are not worried about adding 4K additional data per image, per slice.
    2) You are not worried about having Mac visitors seeing graphic blends or photos mismatched to a background color.
    3) You understand only properly-profiled monitors and color-managed web browsers will benefit from your embedded profile — and it is likely 99% of web surfers don't have either — however, if you are targeting the one percent who do, then there is your number one best reason for tagging web photos with embedded profiles.

  • Photoshop cs5 + Save For Web appends file names

    Hey everyone :
    Anyone know of a fix or a preference i can set? Hopefully, the response isn't "Can't do that anymore".
    Example file name/structure:
    Filename_partof-filename.version-01.00.psd
    Issue (save for web):
    CS3 - Filename_partof-filename.version-01.00.jpg
    CS5 - Filename_partof-filename.jpg
    Using a period as part of the file name was never a problem before CS5/5.5. Having to re-type half the file name in the SaveForWeb dialog is aggreviating/annoying to say the least. I know I can use hypens and underscores, etc but after using photoshop since v3 and using periods as part of my naming convention for 15 years, ...like I said, it's just an annoyance.
    Anyone come across this? Suggestions?
    Thanks tons,
    Greg

    Adobe Photoshop Version: 12.0.4 (12.0.4x20110407 [20110407.r.1265 2011/04/07:02:00:00 cutoff; r branch]) x64
    ...yep, everything up to date (more or less).
    This isn't a recent CS5 issue but a CS5 issue from the day it was released...I just got aggreviated enough today with it to come here and see if I could find an answer. It's definitely a SaveForWeb issue and not SaveAs.
    Here's a similar post from back in March 2011...http://forums.adobe.com/message/3509172#3509172
    Just to be clear...
    - Open new/old PS file
    - Save with name.name.v.01.psd
    - Quit PS
    - Re-open file
    - SaveForWeb
    ...if you're able to save it out with the file name in tact, I have no idea how.
    I've tried 4 different CS5 Photoshops and they all truncate the name after the first period.

  • CS3:   Save For Web  and keeping EXIF data???

    I thought CS3 made a change to allow maintaining EXIF data within a file when using the Save For Web Option. I have Not found any option or preference for this. And when I use the Save For Web option, I loose the original time/date the images were captured. Since I use 2 different cameras where the file names are different, I rely on this Image Creation date when sorting them within an on-line gallery.
    So my question is, IS there truly a way within CS3 to maintain an images EXIF data?
    thanks;
    ---michael
    [advertising link deleted]

    I've done this in the past, however... These images then show a color shift when displayed in a web gallery. I am trying to avoid this, that's why when I heard (thru several sources) that in CS3 the "{Save for Web" could/would leave EXIF data intact vs. earlier versions of Photoshop. The "Save for Web" option does display image colors correctly.
    This is bad enough, when, while calibrated, colors in Wen galleries appear different between my Mac and PC displays (desktop & laptops)
    ...but then this is a different issue all together.
    ---michael

  • In Photoshop CS6, Save for Web strips out my filename after a period "." character

    I have a file named label-1.5oz.psd.  In Photoshop CS6 when I use "Save for Web" to save it as a JPG, it only wants to save a part of the filename: label-1.jpg
    I strips out everything after the period "." character.  I know it's incorrectly thinking that's a file extension.
    Any ideas how I can fix this?  Any settings I should tweak?  I'd really love for it to save the full filename without requiring me to retype the last part every time.
    Thanks in advance for any help!

    Oh if only it were that easy...  Unfortunately, they have to be cropped and resized, converting over from a print catalog where much of that work was originally done in InDesign, and now have to convert each individual image to make the web site look like the catalog...  but thanks for the suggestion, have already tried to automate what I could..  But much of this is going to be hands on...  getting my familiar quick keys to function correctly would help greatly.

  • 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.

  • Photoshop CC Save for Web Greyed out

    After the last Creative Cloud Photoshop update my Photoshop CC 64 bit save for web is greyed out and I can no longer save as a png. Using Windows 7
    How can I correct this.
    thanks,
    Buddy

    I have the same problem. Save for web grayed out no matter what. Also photoshop denies opening any png file, also the png format sometimes doesn't even appear in Save as.
    I can import png by choosing Open As and selecting Camera Raw. But then I can't save as png again. QC slacking at Adobe or what? Never experienced these kinds of difficulties with earlier versions. Might just as well brush off my old CS4 masters collection.
    Will try a reinstall although I frankly don't have the time to wait for the endless download.

  • Photoshop CS6: Save for Web Automatic Resize Issue

    Some my .psd files (CS6 Photoshop, MAC OSX 10.7.5, Processor: 2.5 GHz Intel Core i7) automatically resize to a percentage. I can't figure out what the cause is, and it will not allow me to change it back to 100% to slice out images for web.
    File Type is .psd - RGB 8 bit/color
    Fie Dimensions are 1400px by 10,800px.
    File Size is 60MB
    The file is extremely slow to open and adjust anything within the file as well, not sure if the issue is related.
    I am working off of my desktop not off of a server.
    Attached is the save for web issue.

    I have the exact same issue, just on certain files?
    I have to 'save as' instead of 'Save for Web'?
    What causes this to happen?? I also have the preview window displaying a gif when I've got the PNG option selected???

Maybe you are looking for