Save for web is very jagged

The attached file was produced in Photoshop with the text set to "smooth" but the result when I do save for web is very jagged. How can I resolve this issue?
The right is a screen shot of the name online, the left is the actual photoshop file.

I saved for web again and I realized it was saving as a png, which is what studio press does for their web templates, so I then saved as a jpg and it's better. thanks for your direction.

Similar Messages

"Save for Web" exporting very slowly

I appologize if this question has been answered somewhere already, I didn't find a solution for my problem, so here goes.
When saving images for web, photoshop (or is it still considered image ready?) can take as long as 10-15 seconds per slice while saving. I found several people had an issue where the save for web GUI was taking a long time to load up... I do not have that issue. My GUI loads nice and quick, and the interface is as responsive as it should be. Only after telling the program to save the files does it start to chug.
I'm using a brand new Dell machine with Windows 7 fully updated. Have 4 gigs of ram, 2.4Gh Xeon, and 170gb of free HD space. Also, I'm using CS4 64bit Photoshop.

Time to resurrect this thread...
I've been having the same slow-saving problem as before, now both 32 and 64 bit versions are saving slowly. I have noticed that once every blue moon it will export a file quickly, but seems there next attempt is slow again. Same issue whether reading and/or writing on a local or network drive. Also, as stated above, it doesn't seem to be relative the size of the source file, destination file, or number of slices. Big and little, dozens of images or a single image, they're all slow and they all seem to take roughly the same ammount of time.
I also have CS4 installed on my computer at home (which is pretty similar, hardware-wise, to my work PC) and I don't have this problem.
Scowering google I was unable to find any threads that directly relate to this problem. The closest thing I found was a post ( found here http://typography.com/documents/a_photoshop_slowness_fix.php) that says to delete "/Library/Preferences/com.adobe.Photoshop.plist" and "/Library/Preferences/com.adobe.mediabrowser.plist", then let photoshop recreate those files. The only problem is I can't find either of those files in CS4.
Anyhow... just looking for any suggestions. I'll try anything at this point. I'm probably losing close to an hour some days just sitting and waiting for my machine to export slices.

Exactly What Optimizations Does "Save for Web" Perform?

Hello all!
In Photoshop Elements 5.0, Save for Web works very well for me. I'll likely just use Save for Web most of the time, but occasionally I want to perform only some of the web optimizations on a particular image. I'd like to know how to perform some or all of the same optimizations manually.
Can anyone tell me what steps to take in the Editor (resizing, dpi changes, etc.) manually to mimic the Save for Web function? Or point me to some documentation that explains exactly what Save for Web does to an image?
- JTV

Here's the help section on the subject for E6...should be the same. It should be exactly the same in E5...actually probably no difference in any of the versions.
http://help.adobe.com/en_US/PhotoshopElements/6.0/help.html?content=WSCC0C7B37-3AD2-43ca-9 BF0-677BFC551D97.html
Here's a video on using Save for Web.
http://www.photoshopsupport.com/elements/tt/save-for-web.html
If you want to do resizing manually, Image<Resize<Image Size. Here you can set the image's size and resolution and set if you want the image to be resampled or not.
The compression would be done in the file<Save step.
If you save as a jpg, you can set image quality. Notice that below the preview check box the file size for the current setting is displayed. You can also do a visual check of the before and after image by checking and unchecking the Preview box.
Save As...for other file types display dialogs that apply to that image type.
Here's a link about using Image size dialog if you want to get into specifics and the math.
http://kb2.adobe.com/cps/331/331327.html
There should also be an option in the Organizer for emailing images. Never used it myself by it's over there somewhere...

VERY slow performance with CS4 + Save for web

Note: I have done a search for similar issues but can find nothing regarding CS4 and this particular issue. I'm using a MacBook Pro 2.4Ghz w/4GB of RAM and resources are aplenty when the issue occurs.
Issue
My problem is that under certain circumstances the 'save as web' function can take upto 3 minutes before the diaglog box appears. I've had this for some time but only in the last couple of days did I notice something that might be relevant:
Works
1. Open 3 large TIFF files @ 120mb approx (mine are 3 processed RAW files from Capture One / 4200x5600@300dpi)
2. Create a new adjustment layer for each image
3. Resize each image to 72dpi @ 800x600
4. Run a SmartSharpen & flatten layers
5. In each tab (for each image) do 'save as web'
6. 'Save as web' dialog appears in expected time
VERY slow
1. Open 3 large TIFF files @ 120mb approx (mine are 3 processed RAW files from Capture One / 4200x5600@300dpi)
2. Create a new adjustment layer for each image
3. Resize each image to 72dpi @ 800x600
4. Run a SmartSharpen & flatten layers for each image
5. In first tab do 'save as web'
6. 'Save as web' dialog appears in expected time
7. Close this document (tab)
8. Go to the next image (tab) and do 'save as web'
9. Dialog box can take anything from 20secs to 3mins to appear.
10. Close this document (tab)
11. Go to the last image (tab) and do 'save as web'
12. Dialog box can take anything from 20secs to 3mins to appear.
As I can easily go through this process for 50-60 images you can imagine that it can waste over an hour of my time waiting for Photoshop to get it's act together. I assume it's something todo with memory allocation, or that it's processing previews for all three tabs on the first 'save as web', but in any respect it's very annoying. There seems nothing obviously wrong resource-wise at the time of doing these.
Would be interested if anyone else has this issue!
Thanks!

I had the same problem when I setup a new computer this week. Here's what I had installed:
Photoshop CS5
Suitcase Fusion 3
The problem was that when I was in Photoshop and used the "Save for Web" export screen, the dropdown menu for the different export types (JPG, PNG, GIF, etc) would take an extremely long time to update the preview of the graphic.
After a few days of research , I found that Suitcase was conflicting with Photoshop. Here's how you fix the problem (or at least here's what I did with my situation):
Open Suitcase
Go to "Tools", click "Manage Plugins"
Deactivate the Photoshop plugin
This fixed the problem immediately and now my Photoshop" Save For Web" feature is working really fast. Hope this helps anyone else in the same boat.

Save for web very slow

I have a new MBP Retina, clean install of the OS and Creative Cloud. Just setting up Photoshop, and Save For Web is extremely slow. It opens normally, but I get the spinning color cursor for 15-20 seconds and only after that does the image display in the preview window. Then for every checkbox I select, the color cursor comes back and all is delayed for another 15 seconds. The file is a square photo from an iPhone 5s, two layers, nothing else going on, 34mb.
I do have Suitcase Fusion 6 installed. Based on their instructions, I removed all fonts from the HD/library/fonts, and have certain web faces activated through Suitcase. (Arial, Courier, Georgia, Times, Trebuchet, Verdana).
On a new, empty file, all works as expected with no delays.
I had this same set up on this same Mac before I wiped the hd, and never had this problem.
Any thoughts...reset a preference or...?
Thank you.

I just noticed the above unresponsiveness happens with the 4.7mb exported PNG, so it's not related to the file size.

Very Slow Save for Web in CS3 Mac

I have Photoshop CS3 Extended 10.0.1 running on a 2.16GHz Intel MacBook running 10.4.11 with 2Gb of installed RAM and around 30% free hard disk space.
Regardless of file size or dimension, Save For Web is painfully slow to load and to save out. Optimized previews update quick enough when settings are changed, but everything else about Save For Web feels like wading in treacle.
Anyone else got this problem? It would be good just to know that I'm not the only one with this issue!
Any ideas for fixes?
Jonathan

>My hatred of laptops has NOTHING to do with Photoshop
And my commentary had nothing to do with your hatred. The OP is all about Photoshop usage on laptops, and I am quite experienced using PS on laptops. When I said
>Note that older laptops like Ramón mentioned would not run PS...
I was just discussing the OP.
For the record I am not a proponent of using laptops or even the stronger iMacs as desktop tower replacements for heavy graphics users. I have consistently recommended in favor of towers and long life cycles and I will continue to do so.
However for the last six months or so I have frequently been using a C2D Macbook Pro as a desktop replacement and I can report unequivocally that it works, especially power-wise, which is what the OP was about. Also based on that experience and also unequivocally I consider using MBPs or the similarly limited iMacs for production graphics work inadvisable.
Strong laptops are incredible machines. They open mobile computing usages that can be of great benefit to many folks, enough benefits that I for one will always have a laptop as one of my computers. The ability to literally do any computing task (except volume graphics production) anywhere is pretty spectacular.
Photo capture, edits and presentation in the field is of huge benefit. Even with something as mundane as this forum communication the ability to do it sitting in the living room instead of sequestered in an office is IMO a good thing.

Problems with "save for web" app low quality messed up images

Please help I have never had a problem with the "save for web" application before (over three years) I am currently running A.I. cs3 on windows vista. in the past whenever I save anything this way the images were always clean. as of yesterday everything I try to save through the save for web app the images are very low quality all the vector has jagged edges, it is very low rez looking and the file sizes are very small, half the size they normaly would be. What did I do to change the settings or better yet how can I get it back to the way it was.

Thank you for your help I moved the folder but it still did not fix this problem. it is also not just the jpg option under the save for web app but all the setting ie. gif, png, ect. ect. Also the the files sizes are much less, example I exported a design as a jpg with the quality setting about 6 the file size was 374kb when I exported the same design through the save for web app the file size was only 45 kb on the quilty setting of 100. further more in the preview screen of "save for web" the original images as well as the optimized both look messed up. The "save for web" app has always worked for me in the past never a problem and I use this app alot so it is very important.

.gif preview slow in Save for Web

I am having an issue in Save for Web where the .gif animation preview works very slow and choppy. I am an advertising designer and many times I need to work on animated .gif banners. I am working with Photoshop CS6. When I play the animation in the frame timeline the animation speed works as intended, a little choppy but the timing isn't too bad. However when I go into the Save for Web screen and play the animation it always appears a lot slower and looks choppy. Anything se to 0.0 or No Delay runs as if its set to .1 seconds. Now if I export the file and open it in Chrome the animation speed seems to go back to normal. This wasn't always the case, I tested this 2 or 3 months ago and the animation speed in the export was also slow and choppy but it must have been fixed in one of the updates since then.
My issue is I don't want to have to preview everything in Chrome after I export it, and then possibly have to go back and tweak it then save again, preview again etc. I have never encountered this issue in previous versions on Photoshop or other machines. Ususally my experience has been the opposite, the frame timeline has always been slower, but previewing in Save fro Web has shown a pretty accurate preview.
I also have a HP laptop running Windows 7, photoshop CS6 and I don't encounter this issue at all. It seems that everyones default answer on all of the forums is "different browsers handle .gif animation speeds differently, etc.." but int he past I have saved a .gif on my mac and it was slow and choppy in the Chrome, then I saved the same file on my PC transfered it back to the mac and previewed in Chrome and the animation played quickly and smoothly.
I can't see it being a hardware issue because the machine I am using is farily new. iMac Late 2013/2013, 3.4 Ghz Intel Core i7, 16GB RAM, NVIDIA GeForce GTX 675MX 1024 MB, running OSX 10.8.4 Mountain Lion.
Could it possibly be a setting or preference that needs to be changed? As I stated above it seems that now when I export the animation works fine in the browser the preview is just slow, but I have read that many people are having this issue so hopedully someone will have a solution.

I don't use a Mac but the first the first thing I do when I have performance problems with Photoshop on my PC is to do some house cleaning. I reset my Photoshop Preference to a saved copy I made when Photoshop was working well. I Also clean my disk up clearing caches and temp files so the plenty of scratch space. I close all applications and look at the machine CPU utilization. Then try Photoshop to see if it is back to its normal performance.

"Save for Web" dialog window not working properly

Hello,
I've been dealing with a bug since Illustrator CC that is very frustrating when I try to output my slices through Save For Web. When trying to click on the slices I've defined in order to name them—the click—does not happen where my mouse pointer is. The click registers somewhere else in the artboard.
Click screen shot for animated gif:

As Zeno said, all down to the slice selection. Save for Web will recognize the last active slice for the main document and when that is the case, only that slice is active by default for saving. So either override in the dialog or un-select all slices before saving.
Mylenium

CRASH when making a new folder in save for web

When going into Save For Web, and saving a picture, and clicking the little "new folder" button, Photoshop crashes and closes instantly. This is 100% reproducible.
Can we expect this to be fixed?
Details:
Windows 7 x64, fully updated
Photoshop CS5 x64, fully updated
Memory is plentiful
Disk space is plentiful

Always nice to get an upgrade, but it's a rather costly operation, one might say
I still think this is an issue Adobe should be fixing. This problem (for me at least) did only occur in the save dialog while in Save For Web, and not in any other save dialogs, such as the regular file->save as. This made it very hard for me to believe the problem is in my system. Although something might be triggering it, that something could hardly be the cause, since, like I said, the problem only occurs in SFW and only ever in Photoshop, and only in CS5. EVERY other program works fine in this regard.
So please, Adobe, fix this bug before forcing folks to initiate an expensive upgrade...

CS5 bug rendering anti-aliased text in 'Save for web'

Seems like there's a bit of a bug when using 'Save for web and devices' with thin weights of type in CS5 for Mac. Although thin type looks fine while working in Illustrator, as soon as you enter the 'Save for web' dialogue, it gets badly mangled. Looks like this issue has been present at least since CS4. It does not happen in Photoshop. It looks particularly bad for light text on a dark background.
Some people may say "sure, Illustrator is not really meant for intensive bitmap work". However, with features like 'pixel preview' and 'snap to pixel', Illustrator has (generally) become a very viable tool for web design, and personally I much prefer it to Photoshop. It is also clear that Adobe intends it to be usable in this manner. So the anti-aliasing render bug is definitely a problem. Just surprised they didn't address it when CS5 was born.
I put up some example images on http://www.thesheep.co.uk/2011/06/24/illustrator-save-for-web-anti-aliasing-problems/ to illustrate the problem.
Does anyone have any clever work-arounds for this? It's a bit annoying to have to move stuff over to PS before exporting, but maybe that's what I have to do. Hopefully Adobe will address this soon.

Hi,
I am experiencing this same problem of pixelated gifs when I use the "save for web" dialog from Illustrator, but this solution has not worked for me. I have tried the trick of using type-optimized anti-aliasing, but it doesn't change the output at all. I've done this from within the "Image size" tab as well as through Effect>Rasterize>Options)Anti-aliasing: Type Optimized. My image is a logo made entirely from text, although for some of it I used "outline path", so I'm not sure if it still qualifies as text...I'm a newbie at this stuff, so the technical details are still quite opaque to me.
Does anyone know of a solution to this that does not require me to add Photoshop to my workflow?
I'm using Illustrator in CS5, version 15.0.2.
Thanks in advance
Jonathan

Script for using layer name in Save for Web command

I am using the Save for Web command (Illustrator CS2) to export layers to CSS so that each layer is saved as a different jpg. The only issue I have is that I want the layer name to be part of the file name, but layer name is not an option when I look at the "Edit Output settings" dialog for saving files. Is there anyway I can do this? I do not have experience writing or working with scripts.
For example. My fiel name is flower.ai. I will have 20 different layers (each containing a different color of the same image) and want the exported file to be flower-scarlet.jpg, flower-cranberry,jpg, etc. Right now I am looking at renaming all the files manually, but as I am creating 40 images per product on my website, this will be very time consuming.
Thanks in advance
Christine

Btw.. to make it work for JPGs, change the PNG options to the following:
var options = new ExportOptionsJPEG();
        options.antiAliasing = false;
        options.optimization = false;
        options.artBoardClipping = true;
        options.qualitySetting = 100; // value of 0 to 100, 60 is medium, 100 is perfect
        options.blurAmount = 0;
        options.verticalScale = 100;
        options.horizontalScale = 100;

Set and save preferences/default in Save-For-Web?

I used PE2 forever, even as my Mac OS updated. Now, however, on Snow Leopard, I had to get PE8, and I'm a little lost. In PE2, if I used the same custom setting in Save-For-Web, after awhile, it just kept it and that somehow became my default. It was marvelous. Now, in PE8, the JPG quality is always set to 0. I would like to set it to something I like (I am not completely happy with the presets), and have that come up as the default. Thank you very much for all of your help.
Bantymom

*sigh* That does seem to be the case. It will remember the same setting for that one picture, but not for the rest of them in my project bin, so not even from opening the program until it is closed. Such a shame. Reset, of course, works just fine. But thank you for answering it for me.
Cheers,
Bantymom

Slice tool is arow in save for web and............

Hi, besides the fact that slice numbers are not showing up here in vista 32 CS4 (show slice number is activated in the preferences and show slices in view as well and I did a reset !) I encountered a other strange thing in "SAVE FOR WEB & DEVICES" when you select the slice tool it doesn't change in a slice tool but stays a arrow and works like a slice tool.
Hope someone comes with a solution for the slice numbers, they only show up in the "SAVE FOR WEB & DEVICES"dialog. But it's not very handy to work without them.

Have you patched Photoshop to version 11.0.1 and have you updated your video drivers?
Is OpenGL enabled in Edit > Preferences > Performance.

Interface keeps changing in save for web panel

How can I set my interface to stay the same as one time the "save for web" panel shows the 4 images in a square, then the next time it shows in 4 vertical strips and then other times is shows up in horizontal strips?
This might be something very simple, but it's really annoying me!
Thanks in advance!
Windows Vista
PS CS4

OMG! How many years have I been using this program and I have never noticed this until now?!?
Sorry for the brain fart and thanks for pointing that out!!!
I am really having a good laugh at myself about this one!
Jules

Save for web is very jagged

Similar Messages

Maybe you are looking for