Matte in Save for Web matte is adding a border
I have an image that has a transparent background and a thick black border across the top.
When I go to Save for Web and select a white matte, it adds a ~1px white border to the top of the image. Why is it doing that and how can I get it to stop (other than adding white layers for the background).?
And where is 4-up?
It would be really nice if Adobe would list features they delete when listing "What's New".
I tried nudging the straight black border up a pixel, but that didn't work.
And I'm not using "clip to artboard" so the placement on the artboard is irrelevant.
I know what mattes are for, I have jagged lines and text within the image. I prefer not to add a white object to the back of every graph, and I'd prefer not to have 20 artboards on this one page.
I never saw a matte add pixels to straight lines before and never outside the boundaries of the image. Surely that is not what Adobe intended.
here's before:
http://www.texasahead.org/economy/tracking/data/images/homes_old.png
here's after:
http://www.texasahead.org/economy/tracking/data/images/homes.png
Similar Messages
-
Save for Web Matte Not Working?
Hi everyone,
I'm having problems with the Matte settings in the Save for Web section to create a smooth transparent .gif image. None of the black matte is showing up in the zoomed preview (picture attached), nor is it saving when I render the file. The adjusted transparent image still appears with the white jagged halos on a black web page background, even though I set a black matte. Any clues as to what I'm doing wrong? Thanks for any help.Sorry, I haven't used the matte feature of Save for Web, so I can't help you there. (I only save in PNG format.)
This is an interesting question, though, and I spent a few hours working on it -- I'm still assuming that you're starting with a logo supplied as a bitmap image (GIF or JPG) on a white background and want to clean it up so it works on a black background.
FWIW, here are my thoughts:
I found a logo on the Web to use for practice:
This is a tough example which has a lot of problems, as you can see from this enlargement:
The colours "bleed" when next to each other, the colour areas have darkened edges, the colours (and even the white background) are "splotchy" and not uniform, the edges are anti-aliased and have multiple colours in 'em, and so on.
The fact is that a supplied image like that is only suitable for use as a guide for completely re-creating the logo.
You have two choices for re-creating it:
Work on it as a bitmap image.
Work on it as a vector drawing.
Either way, you're going to do a lot of handwork. I haven't found a way to automatically correct the problems that I mentioned.
If you work on it as a bitmap in PSE, you'll wind up re-drawing by hand each pixel (or each edge of a colour selection, which amounts to about the same thing).
What I wound up doing is using a vector drawing program (CorelDraw, since I can't afford Illustrator) to recreate the logo. Even though I'm quite rusty, it didn't take too long to use the Bezier curve tool to create the coloured shapes. I simply used CDR's bitmap trace tool to vectorize the type. Once I had the vector drawing, everything is wonderful because vector shapes are resolution and size independent. It was a snap to export the drawing for the Web as a transparency-enabled PNG image without anti-aliasing, reducing it by 85%:
Hope these thoughts help....
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 keep all my web jpgs @ 72ppi. Any solutions?
It opens up as 900x600 @300ppi
Here's a screenshot- -
Adding suffix to jpg file name? Save for web?
Hi,
I'm very new to Applescript but, with the help of a few others (thanks H), I've managed to successfully write a script to produce various versions of a selected set of photos. However what I would also like to be able to do is to add a suffix of the letter "w" to all the photos which end up in my Webpics folder and the letter "t" to those which end up in the Webthumbs folder. i.e. abc.jpb becomes abcw.jpg and then abcwt.jpg.
I'm sure this isn't hard but I've had a good look through various forums and tried loads of different things and still seem to be failing. If anyone can help I'd be hugely grateful. My script is below.
Also, does anyone know if it is possible incorporate a script for Photoshop / ImageReady which does the "save for web" thing? i.e. so that the photos in the webpics/webthumbs folders have been saved for web. At the moment I use an ImageReady droplet which does the job but I'd love to be able to script it in.
Many thanks, Eddy
set original_folder to (choose folder with prompt "Choose Folder containing the files")
tell application "Finder"
if not (exists folder "Webpics" of original_folder) then make new folder at original_folder with properties {name:"Webpics"}
if not (exists folder "Webthumbs" of original_folder) then make new folder at original_folder with properties {name:"Webthumbs"}
set copies_folder to folder "Webpics" of original_folder
set copies2_folder to folder "Webthumbs" of original_folder
duplicate every file of original_folder to copies_folder
set the_files to every file of copies_folder
repeat with each_file in the_files
set each_file to each_file as alias
my dophotoshop_stuff_to(eachfile)
end repeat
duplicate every file of copies_folder to copies2_folder
set webthumbs_folder to folder "Webthumbs" of original_folder
set the_files to every file of webthumbs_folder
repeat with each_file in the_files
set each_file to each_file as alias
my dophotoshop_stuff2_to(eachfile)
end repeat
end tell
on dophotoshop_stuff_to(thisfile)
tell application "Adobe Photoshop CS"
open this_file
do action "Masterpic to Webpic" from "Set 1.atn"
close current document saving yes
end tell
end dophotoshop_stuffto
on dophotoshop_stuff2_to(thisfile)
tell application "Adobe Photoshop CS"
open this_file
do action "Webpic to Webthumb" from "Set 1.atn"
close current document saving yes
end tell
end dophotoshop_stuff2to
Mac OS X (10.4.4)Ok, here is your script, not tested, but seems like it should work. The idea of shortening this script is that instead of duplicating files (simpler but longer, and you may face a timeout if there are a lot of files), you can pass the original file along to your script, that'll resize it and save the new version in folder 1, then resize it again and save the newer version in folder 2.
Make a copy of the original files before you start testing
Rookie Developer Hint : Slip in a display dialog followed by a return when testing to check the intermediate output.
Return stops your script where you slip it.
set original_folder to (choose folder with prompt "Choose Folder containing the files")
tell application "Finder"
if not (exists folder "Webpics" of original_folder) then make new folder at original_folder with properties {name:"Webpics"}
if not (exists folder "Webthumbs" of original_folder) then make new folder at original_folder with properties {name:"Webthumbs"}
set Webpics_folder to folder "Webpics" of original_folder
set Webpics_path to ((original_folder as text) & "Webpics") as string
set webthumbs_folder to folder "Webthumbs" of original_folder
set webthumbs_path to ((original_folder as text) & "Webthumbs") as string
set the_files to every file of original_folder
repeat with each_file in the_files
set file_name to (items 1 thru -5 of (name of each_file as text))
set each_file to each_file as alias
display dialog "Full path to the file: " & (each_file as text) & return & return & "Short name: " & file_name
set each_file to each_file as alias
set WebpicTarget to (Webpics_path & file_name & "W") as string
my dophotoshop_stuff_to(eachfile, WebpicTarget)
set webthumbsTarget to (webthumbs_path & file_name & "T") as string
my dophotoshop_stuff2_to(eachfile, webthumbsTarget)
end repeat
end tell
on dophotoshop_stuff_to(thisfile, saveTarget)
tell application "Adobe Photoshop CS2"
open this_file
do action "Masterpic to Webpic" from "Set 1.atn"
save this_file in saveTarget
close current document --saving yes
end tell
end dophotoshop_stuffto
on dophotoshop_stuff2_to(thisfile, saveTarget)
tell application "Adobe Photoshop CS2"
open this_file
do action "Webpic to Webthumb" from "Set 1.atn"
save this_file in saveTarget
close current document --saving yes
end tell
end dophotoshop_stuff2to
HTH
J. -
CS5 Crop marks don't work in Save For Web
I'm playing in the trial version of Illustrator 5.
I'm having trouble figuring out the crop marks. I select an object and try the various versions of creating crop marks. But when I Save For Web, it does not use the crop marks as a guide to trim the artwork down. The crop marks are visible.
In CS3, which I've used for years, I would create an object and use the crop mark tool to create the marks at the size of my object. When I would Save For Web it would save the file to the exact size of my crop marks, no matter if I had artwork in clipping masks that go outside the crops.
Why does this not work in CS5?You do speak the truth so in CS 4 and now Cs 5 you instead of drawing a rectangle and the making it into crop marks you simply draw an artboard then when you export you select to use artboards in the export dialog and select the artboard you just made and voilá.
Now before you go crazy this is an advance you can also choose to export all the artboards a range of artboards or a non-contiguous selection of artboards this way.
the difference here is that you draw the artborad which is actually drawing a rectangle and making the crop marks as in the CS 3 all in one opertation
it is really the same feature with lots of features added to it. Including the ability to name the art boards (cropped areas) number them reorder them
manage them in the artboard panel and then the team went farther than that with pasting in place pasting an element on all the artboards at once.
It is really just the crop area feature but with lots of possibilities.
If you need t draw an artboard within another artboard hold down the shift key. -
CS4 Save For Web GIF settings confusion
Hi,
I am working on a new website and have run into a problem I just can't seem to solve: my navigation links are made using a GIF and for some reason the background color of the GIF is not matching the background color of the page.
The test page is here:
http://www.johnblaustein.com/webtest2/
Note that nothing in the page is working yet. If you look closely, you will see that the navigation image is a slightly different color than the background. Very slight, but different. (Once I solve this color issue, I will make each link into a separate button with slices.)
In PS, I have created a file as follows: new file (72dpi), fill background with the same color I use on the webpage: c4c0b4. Create new layer and add the type. The new file is in Adobe RGB, but I convert to sRGB before saving for web (although I don't think that matters). When I Save For Web, I started with the default GIF settings, but when I got the color mismatch, I tried any number of other settings. I read a post here that suggested turning off the background layer of the image before Save For Web, but that resulted in the text looking bad. I've tried different color settings (32, 128), matte settings and other settings with no luck. Convert to sRBG is always checked.
I like solving these things on my own, but I struck out on this one. I am here in the hopes that one of you gurus can tell me what I am doing wrong.
Thanks very much.
JohnSUCCESS!
Curt.... you were correct. I needed to create the new file in sRGB, not create the file in Adobe 1998 and then convert.
Here is another test, showing that the text box has completely disappeared:
http://www.johnblaustein.com/webtest2/nav-srgb-test
The text box is exactly the same size as in the original page I posted.
What I did is this:
Create new file to specified dimensions. In the New File dialog, for Background Contents, I selected my webpage color, c4c0b4. I clicked the Advanced arrow and selected sRGB as the color profile. I added white text, then flattened the image. In the Save For Web dialog, I clicked the Preset dropdown and selected GIF 128 Dithered and did not change any of those preset settings. I inserted the new image into a copy of the webpage and you can see that there is absolutely no indication of where the image ends and the page background starts.
I may not need 128 colors, so I'll play with that, but at least I know where the problem is.
So... thank you Curt!
What would we do without these forums?
John
By the way... I see your message was cut off in the forum, but the full message came to my email: "I am over my head on this subject. The only thing I noticed is that you are adding the color in AdobeRGB and then converting to sRGB. Will this give a slightly different color than using sRGB for the New Image from the start?" -
Copy & paste into save for web color palette doesn't function on macs
This didn't work in CS2 either on the mac side. Yet, you can copy a color hex code in the normal program, save for web and paste that color into the color picker for matte on a gif just fine on a PC. Get on a mac and you better get a pen out. Why?! Why can't I paste into the save for web/devices color picker?! Seriously? $600 and I can't copy and paste because I use a mac while at work on the PC I can do it without issue.
Is this something that will be given to mac users in a future update?
-
Gif becomes grainy/pixelated in 'Save For Web'
Hello! I recently switched laptops and I have been having major issues trying to regain the quality gifs I used to make. After I have my gif set to go, I go to save it in 'Save For Web'. This is where all of my problems start. My gif no longer looks smooth, but the entire thing has a grainy or pixelated look -- and it doesn't change no matter how I fiddle with my settings. When switching from the 'original' to the 'optimized' tab in the save for web page, you can obviously see a loss of quality. It may be slight, but it makes a huge difference to me.
Here's a side by side reference:
Not sure if it will help, but here are my settings when saving (I have changed from 'pattern' to 'diffusion' and nothing changes):
Thank you for any help you can provide!First, JJMack is correct: lots of colours (around 32100) in this example do make it harder to convert without grain.
Second, the quality of the GIFs you produced in Save for Web (SfW) prior to the purchase of the new laptop were never any "better" - it merely means that the previous screen was unable to display the results at a decent enough quality to actually discern the differences between the original and the GIF version with reduced colours. Screen quality does matter.
Second, Photoshop's Save for Web colour reduction algorithms are quite old-fashioned, and (far) better methods are available. Not in Photoshop, however. For a good conversion you will have to look elsewhere.
Here is the original version @2x zoom (32101 colours):
Photoshop's version. The best visual quality I could achieve in SfW (diffusion dither at 81%, perceptual). Obvious banding issues, and a very grainy result.
Next up: RIOT (Radical Image Optimization Tool). RIOT features a newer "NeuQuant neural-net" colour quantization algorithm. Notice how the gradients are quite nicely retained, although here and there some issues pop up (lips/makeup, building, arm highlight, and greenery are missing colour). Overall, though, the final result is much less grainy looking than Photoshop's effort. At the expense of smaller areas with unique colours.
Next, let's try Color Quantizer with standard settings, a two factor gradient priority, and 256 colours. Dithering was set to Shiau-Fan @75%. Slight banding in the lighter areas of the background, and the building and lips are again missing colours from the original. Much less grainy than Photoshop's version.
Colour Quantizer features a quality mask brush, which allows us to safeguard smaller areas with unique colours from colour degradation. I painted a mask for the lips, the building and greenery in the background, the skin of the woman on the right in the background, the lighter area around the vent, and the forehead to preserve those areas' quality as much as possible.
I feel this result speaks for itself. There is slight banding visible in the lighter area of the wall on the right, but still much less pronounced compared to SfW's version. The colours are all there, especially the important ones for the makeup and the smooth facial tones of Kate. The shoulder's highlight is also preserved nicely. Even the woman on the right in the background looks spot on (which was yet another sore point in SfW's version).
Arguably the best version. Far superior to Photoshop's failed effort.
Fourth, if you are still using GIF to optimize still images: STOP NOW. GIF is terrible in comparison to properly optimized and compressed PNG files. Only use GIF when small animated movies are your goal.
Here is a 512 colour version produced in Color Quantizer (Photoshop's SfW function lets us down once more, unfortunately: there is no option to reduce an image to 512 colours for PNG):
This last version is visually (mostly) indistinguishable from the original, and clocks in at only 52kb.
Of course, if you are saving this as a still image, jpg should have been your choice in the first place, since it is a photo.
Conclusions:
- avoid Photoshop's "Save for Web" function if your intention is a quality colour reduction;
- avoid GIF for still images. Either use PNG or JPG. JPG works best for photos;
- avoid Photoshop and SfW if your intention is to optimize PNGs well. Sfw cannot save PNG files with reduced colours beyond 256 colours;
- fall back to external and/or online utilities to optimize PNG and GIF files. Color Quantizer and RIOT deliver better results than SfW. Or use online optimization tools to optimize animated GIFs (Optimize animated GIF). You can also optimize each frame in a tool such as CQ, and then import the individual frames into a animated GIF utility. Remember, each frame can save its own custom 256 colour palette;
- for optimum quality a quality mask tool, such as the one in CQ, is a very effective and efficient method to guarantee the best possible conversion;
- file sizes of png files created in external utilities almost always beat the ones generated in Photoshop and SfW;
- a better choice to export PNG files is Photoshop CC Generator. At least that one allows for 8bit PNG files with full transparency (another missing essential feature that SfW fails to provide).
Other resources (these refer to png, but are also effective for GIF optimization in Photoshop):
http://www.smashingmagazine.com/2009/07/15/clever-png-optimization-techniques/
PNG Optimization Guide: More Clever Techniques - Smashing Magazine
Color Quantizer: Color quantizer
RIOT standalone version (no installation required): http://download.criosweb.ro/download.php?sid=R -
Save for Web: line artifact at right edge
I've searched the forums and the Web for this one, but I can't find any answer. I'm currently in CS5, but I believe this was happening in CS4 and maybe earlier.
When in the Save for Web dialogue (it doesn't matter what format I'm saving to or if transparency is on), sometimes an artifact line of some sort appears on the right edge of the image as seen in the screenshot below (the image is just white & black and the gray is off the artboard). It's not just in the preview…it's in the saved file as well. It seems to occur when the edge of the artwork lies at a certain distance from the edge of the artboard and I'm changing the size of the exported image. The exact pattern of the artifact is not consistent, but it's always vertical along the right edge. Changing the image size and whether it's art or type optimized (or not at all) changes the artifacts.
I can usually get around this by adjusting the edge of the artboard, and it sometimes goes away at a certain image size.
Has anyone else seen this and know why it occurs (if it's not simply a bug we can't do anything about)? It happens to me very frequently.
Thank you.I don't know what you can do about it once the art is drawn but in order o avoid this from happening if you are intending for the art to be used on the web is to turn on align to pixel grid.
You can do this by creating a web document and leaving the defaults or if for soe reason you are using cmyk then you have to turn it on either in the new document window or from the Transform panel.
You see save for the web means exactly that and if you art is not whole pixels well you see the problem theree is going to be extra space and if that includes rasterizing then that might end up being more than one pixel extra.
Here the art is drawn with the Option turned on
Here it is without the feature turned on it actually happens on the right and bottom. -
Save For Web vs. Resizing vs. File Size vs. PNG
In playing around with some settings while saving a .png file, I noticed some weird results. For this example, the original image is 300 x 300, but I want the final size to be 200 x 200. I get different results depending on the order I perform the following operations (I never thought the order mattered until now).
1. start with 300 x 300 image, choose save for web, select png-24, with transparency, white matte, convert to sRGB, change image size to 200 x 200, then save - the file size is 37kb
2. start with 300 x 300 image, use Photoshop's "image size" to change to 200 x 200, then save for web, etc - the file size is 111kb
So depending on which step I resize the image, the file size is significantly different - if I resize BEFORE using save for web, the file size is much larger. This is just weird to me, but I always resize AFTER choosing save for web, so that's why I've never caught this until now. In case you ask, while using Photoshop's "image size", all three options are checked at the bottom of that window, so nothing is getting re-sampled or anything like that.
The only thing I can think of is each of those methods treat pixel data differently when reducing the dimensions. When I overlay both exported .png files on top of each other, I see no difference in pixel quality and/or color shift - so why the big difference in file size? Unsurprisingly, if I just save the file straight to .png, the sharpness is much better, and the file size is 46kb. I did notice when saving for web, the colors become a little more saturated.
Are all these results typical? I've never really paid much attention to the results when exporting .png's. I always thought the results were lossless (in general).Too many variables
What? There are 2 variables here (variables = scenarios = steps). Only two different operations.
1. resize the image, THEN use "save for web" = 91kb
2."save for web", THEN change image size = 157kb
Hopefully my logic translates here:
All other settings are the same. I even made sure the .psd was sRGB this time. The specific question was "why does the different workflow order produce such a big difference in file size"?
In creating a new test file (http://www.shan-dysigns.com/userForums/photoshop/savePNG.zip), I did notice an interesting thing: (I'm including my files in case you want to follow along or test for yourself)
If I merge all layers BEFORE performing the steps above, the file sizes were relatively closer to one another - 168kb and 157kb (respectively from the 1, 2 list above)
One thing to note is all the .psd layers are either shapes or text - this whole scenario may be totally different if each layer had rasterized content (actually, it does, by about -20kb).
The file size in step 1 above didn't jump until it had to consider rastered text/shapes into the calculation. So all this tells me the difference in file size has to do with how each process handles vector data. Maybe when you allow PS to resize the image first, the overall file size is smaller because the vector data gets recalculated???
I don't know how to properly interpret all these differences, but I do know there is something about PS's operation of resizing the canvas with vector data versus resizing the canvas with rasterized data - this has to be where the difference in file size lies.
Maybe I've just wasted a bunch of time on the obvious, but I think I learned something here. Now my head hurts and my eyes have popped out of my head.
So, Chris, I guess there ARE more variables in this situation. My curse is being nosey and wanting to know more technically about PS than most casual designers probably would care about. -
CS3: Having problems creating an Action to "Save for Web"
Hello All,
I'm trying to create an Action to convert my psd. files to JPEG's suitable for the web. I'm using a Mac Pro running CS3. My workspace is Adobe RGB (1998), all files begin as Canon CR2 RAW, are edited at 16 bits, and then saved as psd. I created an Action the following way from an open psd. image in Photoshop:
1) Windows>Actions
2) Create New Action
3) Re-named "Save For Web" then clicked Record
4) Image>Duplicate>OK
5) Edit>Convert to Profile
6) Changed Destination Space to sRGB IEC61966-2.1>OK
7) File>Save As
8) Format> No JPEG option ?????????? What?
Everything seemed fine until I reached the Format stage. I had many choices, but JPEG was not one of them. Can someone please tell me what I'm doing wrong? Thank you!
MikeRamón G Castañeda wrote:
MJCarnegie wrote:
It never occured to me that I should convert back to 8-bit before saving, and truthfully I had no idea how to do that anyhow. I know, what a Newbie, huh?
Go to the Image menu in Photoshop:
Image > Mode > 8 bits. Pretty straight forward and fast.
MJCarnegie wrote:
…strange, in Matt's article…
I'll pass on that. Generally speaking, I'm not a fan of the Scott Kelby crowd, so I don't follow them regularly.
Thanks again Ramon, I can't believe I've overlooked the Image>Mode>8 bit path for this long.
Cheers,
Mike -
Poor image quality save for web
It doesn't matter whether i'm exporting from Ai or Ps or whether it's CS6 or CC. I have changed the raster settings in Ai and i've also tried all optimization options with all different export file types (jpg, png, gif) at all different quality settings. It doesn't matter if I start with an ai, eps, pdf, png... the export result is always poor quality.
I have tried exporting at 300ppi and that does fix the quality issue and bloats the file size, but this way (the export route) is so time consuming since you have to resize your artwork each time as well as the artboard so that it doesn't cut off pixels. Save for web never used to have these quality issues and it also never used to cut off pixels around the edges. These workarounds prove very time consuming and produce file sizes that are not ideal.
When i first noticed this issue I was using Mavericks with CS6 and since am using Yosemite and Creative Cloud.
Steps to reproduce:
1. Create any bitmap or vector graphic in Ai or Ps, It doesn't matter whether you convert text to outlines or not
2. Save for web
3. View image in any application or browser to see poor quality and pixel trimming. Others running the same version and system are not having this issue, but I have checked many forums and found many others that do have this same issue but can't seem to find a solution.
Results:stair stepping, degradation, pixel trimming, general poor image quality
Expected results: Previously the save for web feature allowed for a decent quality imageFirst try the Cleaner. here's the link for CC but there exists one for Cs6 as well Use the CC Cleaner Tool to solve installation problems | CC, CS3-CS6
Everything I have read says that you kind of have to compromise file-size for quality. Could you post a screenshot of your settings?
also, if it helps: Creative Suite * Optimizing images -
Poor image quality with save for web
It doesn't matter whether i'm exporting from Ai or Ps or whether it's CS6 or CC. I have changed the raster settings in Ai and i've also tried all optimization options with all different export file types (jpg, png, gif) at all different quality settings. It doesn't matter if I start with an ai, eps, pdf, png... the export result is always poor quality.
I have tried exporting at 300ppi and that does fix the quality issue and bloats the file size, but this way (the export route) is so time consuming since you have to resize your artwork each time as well as the artboard so that it doesn't cut off pixels. Save for web never used to have these quality issues and it also never used to cut off pixels around the edges. These workarounds prove very time consuming and produce file sizes that are not ideal.
When i first noticed this issue I was using Mavericks with CS6 and since am using Yosemite and Creative Cloud.
Steps to reproduce:
1. Create any bitmap or vector graphic in Ai or Ps, It doesn't matter whether you convert text to outlines or not
2. Save for web
3. View image in any application or browser to see poor quality and pixel trimming. Others running the same version and system are not having this issue, but I have checked many forums and found many others that do have this same issue but can't seem to find a solution.
Results:stair stepping, degradation, pixel trimming, general poor image quality
Expected results: Previously the save for web feature allowed for a decent quality imageI thought of that too so I tested on another machine with retina display and the file i saved on my machine looked bad on my machine and on the other comparable machine/display. So I sent them the original vector ai file and watched while they saved it the exact same way on their machine and the file looked fine on both of our machines/displays.
All of the settings they used appeared the same as what I used but with different results. I don't recall changing anything but does anyone know if there is some setting that could have been changed that is causing this issue? -
Save for web marks document as modified
When you save a document for web it considers the document to have been modified and will prompt you to save when closing. This is kind of annoying behavior because the document isn't actually modified; it adds an extra step of dismissing a save dialog and also can put you in doubt as to whether you have actually made unsaved changes.
My understanding of this 'feature' is that illustrator considers you to have changed the 'export settings' for the document hence the requirement for saving, This would be fine except that it doesn't actually save your export settings, so if you don't want to use the defaults it will continuously prompt you to save the document every single time you export it for web even if you are plugging the same numbers into the export dialog.
I'd really like to see this fixed, its a small thing but it costs me a lot of time when exporting lots of documents.I agree the confusion is annoying to get a save box even if you have not changed any export settings. When printing a document this works fine as I only get an asterisk after the filename, when I change a print setting. Since many people miss the asterisk par twill post a screenshot.
I am getting different results that you on Mac CS6 for save to web. It appears the ave for web settings are actually within the document such as compression format, number of colors, matter color. Gets quite confusing because when you create a new document it seems to use the last settings used.
You may want to look into actions if you have a folder of documents needing save for web, as that works well once set up. -
PS CS6 action save for web error
In Photoshop CS6 actions when we save the image as JPEG through save for web it doesn't work when we run it, instead it runs and saves the image as HTML, i guess some error in it. I tried it again and again but it doesn't remember my save for web settings and saves the images as HTML.
It a new bug in CS6 though when you recorded the action you saved jpeg images to you desktop and you only entered file names onto the save for web action steps the action recorder recorded name.html. I replaced you save for web steps on my machine for my desktop and CS6 recorded name.html. I then did the same with CS5 though I only entered names CS5 recorded name.jpg.
If you expand the export steps tou will see the hard coded file names and extention
An action like this will always save the same files it can not be batch because you recorded Path and Names in the save for web steps. The .html files saved on with CS6 are actually jpeg files and if you rename them hrom name.html to name.jpg you can use them,
Set: cropping
Action: story sizes
Levels
Preset Kind: Custom
Adjustment: levels adjustment list
levels adjustment
Channel: composite channel
Input: 0, 245
Gamma: 1.14
Image Size
Width: 660 pixels
With Scale Styles
With Constrain Proportions
Interpolation: bicubic automatic
Export
Using: Save for Web
Operation: Save
true
In: C:\Users\venkatr\Desktop\
Custom File Name: “_660.html” <----CS6 problem recording - CS5 records "_660.jpg on my machine
Format: JPEG
Without Interlaced
Quality: 55
0
Quality Modification Channel Strength: 0
Without Quality Channel Text Layers
Without Quality Channel Vector Layers
With Optimized
Number Of Passes: 3
Blur: 0
Without Embed ICC Profile
With Matte
Matte Color Red: 255
Matte Color Green: 255
Matte Color Blue: 255
Without Save HTML File
With Save Image Files
Slices: All Slices
Color Handling: Convert to sRGB
Metadata: None
Without Output XHTML
With Include Comments
With Always Add Alt Attribute
With Always Quote Attributes
Without Close All Tags
With Include Zero Margins on Body Tag
HTML Tags Case: Lowercase
HTML Attribute Case: Lowercase
HTML Indent: -1
HTML Line Endings: Automatic
<unknown>
Without Generate CSS
Empty Cells: GIF, IMG WH
TD WH: Auto
Vertical Spacer Cells: Auto (Bottom/Right)
Horizontal Spacer Cells: Auto (Bottom/Right)
Slice Name Components: Filename Component list
Filename Component
Filename Component Type: doc. name
Filename Component
Filename Component Type: underscore
Filename Component
Filename Component Type: layer name or slice no.
Filename Component
Filename Component Type: none
Filename Component
Filename Component Type: none
Filename Component
Filename Component Type: none
Without View As Background
Background Image Path: “”
Background Color Type: Matte
File Name Components: Filename Component list
Filename Component
Filename Component Type: slice name
Filename Component
Filename Component Type: hyphen
Filename Component
Filename Component Type: trigger name
Filename Component
Filename Component Type: underscore
Filename Component
Filename Component Type: rollover state
Filename Component
Filename Component Type: none
...3 More
Without Mac OS 9 Filename Compatibility
With Windows Filename Compatibility
With Unix Filename Compatibility
With Use Images Subfolder
With Copy Background Image when Saving
Images Subfolder Path: “images”
Select previous history state
Crop
To: rectangle
Top: 111.4 pixels
Left: 142.2 pixels
Bottom: 2342.6 pixels
Right: 3613.1 pixels
Angle: 0°
Without Delete Cropped Pixels
<unknown>
Target Width: 350 pixels
Target Height: 225 pixels
Target Resolution: 0 per inch
Export
Using: Save for Web
Operation: Save
true
In: C:\Users\venkatr\Desktop\
Custom File Name: “_350.html”
Format: JPEG
Without Interlaced
Quality: 55
0
Quality Modification Channel Strength: 0
Without Quality Channel Text Layers
Without Quality Channel Vector Layers
With Optimized
Number Of Passes: 3
Blur: 0
Without Embed ICC Profile
With Matte
Matte Color Red: 255
Matte Color Green: 255
Matte Color Blue: 255
Without Save HTML File
With Save Image Files
Slices: All Slices
Color Handling: Convert to sRGB
Metadata: None
Without Output XHTML
With Include Comments
With Always Add Alt Attribute
With Always Quote Attributes
Without Close All Tags
With Include Zero Margins on Body Tag
HTML Tags Case: Lowercase
HTML Attribute Case: Lowercase
HTML Indent: -1
HTML Line Endings: Automatic
<unknown>
Without Generate CSS
Empty Cells: GIF, IMG WH
TD WH: Auto
Vertical Spacer Cells: Auto (Bottom/Right)
Horizontal Spacer Cells: Auto (Bottom/Right)
Slice Name Components: Filename Component list
Filename Component
Filename Component Type: doc. name
Filename Component
Filename Component Type: underscore
Filename Component
Filename Component Type: layer name or slice no.
Filename Component
Filename Component Type: none
Filename Component
Filename Component Type: none
Filename Component
Filename Component Type: none
Without View As Background
Background Image Path: “”
Background Color Type: Matte
File Name Components: Filename Component list
Filename Component
Filename Component Type: slice name
Filename Component
Filename Component Type: hyphen
Filename Component
Filename Component Type: trigger name
Filename Component
Filename Component Type: underscore
Filename Component
Filename Component Type: rollover state
Filename Component
Filename Component Type: none
...3 More
Without Mac OS 9 Filename Compatibility
With Windows Filename Compatibility
With Unix Filename Compatibility
With Use Images Subfolder
With Copy Background Image when Saving
Images Subfolder Path: “images”
Select previous history state
Crop
To: rectangle
Top: 0 pixels
Left: 529.1 pixels
Bottom: 2730 pixels
Right: 2869.1 pixels
Angle: 0°
Without Delete Cropped Pixels
<unknown>
Target Width: 300 pixels
Target Height: 350 pixels
Target Resolution: 0 per inch
Export
Using: Save for Web
Operation: Save
true
In: C:\Users\venkatr\Desktop\
Custom File Name: “_300.html”
Format: JPEG
Without Interlaced
Quality: 55
0
Quality Modification Channel Strength: 0
Without Quality Channel Text Layers
Without Quality Channel Vector Layers
With Optimized
Number Of Passes: 3
Blur: 0
Without Embed ICC Profile
With Matte
Matte Color Red: 255
Matte Color Green: 255
Matte Color Blue: 255
Without Save HTML File
With Save Image Files
Slices: All Slices
Color Handling: Convert to sRGB
Metadata: None
Without Output XHTML
With Include Comments
With Always Add Alt Attribute
With Always Quote Attributes
Without Close All Tags
With Include Zero Margins on Body Tag
HTML Tags Case: Lowercase
HTML Attribute Case: Lowercase
HTML Indent: -1
HTML Line Endings: Automatic
<unknown>
Without Generate CSS
Empty Cells: GIF, IMG WH
TD WH: Auto
Vertical Spacer Cells: Auto (Bottom/Right)
Horizontal Spacer Cells: Auto (Bottom/Right)
Slice Name Components: Filename Component list
Filename Component
Filename Component Type: doc. name
Filename Component
Filename Component Type: underscore
Filename Component
Filename Component Type: layer name or slice no.
Filename Component
Filename Component Type: none
Filename Component
Filename Component Type: none
Filename Component
Filename Component Type: none
Without View As Background
Background Image Path: “”
Background Color Type: Matte
File Name Components: Filename Component list
Filename Component
Filename Component Type: slice name
Filename Component
Filename Component Type: hyphen
Filename Component
Filename Component Type: trigger name
Filename Component
Filename Component Type: underscore
Filename Component
Filename Component Type: rollover state
Filename Component
Filename Component Type: none
...3 More
Without Mac OS 9 Filename Compatibility
With Windows Filename Compatibility
With Unix Filename Compatibility
With Use Images Subfolder
With Copy Background Image when Saving
Images Subfolder Path: “images”
Select previous history state
Crop
To: rectangle
Top: 136.5 pixels
Left: 325.7 pixels
Bottom: 2359.2 pixels
Right: 3295.2 pixels
Angle: 0°
Without Delete Cropped Pixels
<unknown>
Target Width: 167 pixels
Target Height: 125 pixels
Target Resolution: 0 per inch
Export
Using: Save for Web
Operation: Save
true
In: C:\Users\venkatr\Desktop\
Custom File Name: “_167.html”
Format: JPEG
Without Interlaced
Quality: 55
0
Quality Modification Channel Strength: 0
Without Quality Channel Text Layers
Without Quality Channel Vector Layers
With Optimized
Number Of Passes: 3
Blur: 0
Without Embed ICC Profile
With Matte
Matte Color Red: 255
Matte Color Green: 255
Matte Color Blue: 255
Without Save HTML File
With Save Image Files
Slices: All Slices
Color Handling: Convert to sRGB
Metadata: None
Without Output XHTML
With Include Comments
With Always Add Alt Attribute
With Always Quote Attributes
Without Close All Tags
With Include Zero Margins on Body Tag
HTML Tags Case: Lowercase
HTML Attribute Case: Lowercase
HTML Indent: -1
HTML Line Endings: Automatic
<unknown>
Without Generate CSS
Empty Cells: GIF, IMG WH
TD WH: Auto
Vertical Spacer Cells: Auto (Bottom/Right)
Horizontal Spacer Cells: Auto (Bottom/Right)
Slice Name Components: Filename Component list
Filename Component
Filename Component Type: doc. name
Filename Component
Filename Component Type: underscore
Filename Component
Filename Component Type: layer name or slice no.
Filename Component
Filename Component Type: none
Filename Component
Filename Component Type: none
Filename Component
Filename Component Type: none
Without View As Background
Background Image Path: “”
Background Color Type: Matte
File Name Components: Filename Component list
Filename Component
Filename Component Type: slice name
Filename Component
Filename Component Type: hyphen
Filename Component
Filename Component Type: trigger name
Filename Component
Filename Component Type: underscore
Filename Component
Filename Component Type: rollover state
Filename Component
Filename Component Type: none
...3 More
Without Mac OS 9 Filename Compatibility
With Windows Filename Compatibility
With Unix Filename Compatibility
With Use Images Subfolder
With Copy Background Image when Saving
Images Subfolder Path: “images”
Select previous history state
Crop
To: rectangle
Top: 225.1 pixels
Left: 1318.4 pixels
Bottom: 1858.5 pixels
Right: 3496.2 pixels
Angle: 0°
Without Delete Cropped Pixels
<unknown>
Target Width: 88 pixels
Target Height: 66 pixels
Target Resolution: 0 per inch
Export
Using: Save for Web
Operation: Save
true
In: C:\Users\venkatr\Desktop\
Custom File Name: “_88.html”
Format: JPEG
Without Interlaced
Quality: 55
0
Quality Modification Channel Strength: 0
Without Quality Channel Text Layers
Without Quality Channel Vector Layers
With Optimized
Number Of Passes: 3
Blur: 0
Without Embed ICC Profile
With Matte
Matte Color Red: 255
Matte Color Green: 255
Matte Color Blue: 255
Without Save HTML File
With Save Image Files
Slices: All Slices
Color Handling: Convert to sRGB
Metadata: None
Without Output XHTML
With Include Comments
With Always Add Alt Attribute
With Always Quote Attributes
Without Close All Tags
With Include Zero Margins on Body Tag
HTML Tags Case: Lowercase
HTML Attribute Case: Lowercase
HTML Indent: -1
HTML Line Endings: Automatic
<unknown>
Without Generate CSS
Empty Cells: GIF, IMG WH
TD WH: Auto
Vertical Spacer Cells: Auto (Bottom/Right)
Horizontal Spacer Cells: Auto (Bottom/Right)
Slice Name Components: Filename Component list
Filename Component
Filename Component Type: doc. name
Filename Component
Filename Component Type: underscore
Filename Component
Filename Component Type: layer name or slice no.
Filename Component
Filename Component Type: none
Filename Component
Filename Component Type: none
Filename Component
Filename Component Type: none
Without View As Background
Background Image Path: “”
Background Color Type: Matte
File Name Components: Filename Component list
Filename Component
Filename Component Type: slice name
Filename Component
Filename Component Type: hyphen
Filename Component
Filename Component Type: trigger name
Filename Component
Filename Component Type: underscore
Filename Component
Filename Component Type: rollover state
Filename Component
Filename Component Type: none
...3 More
Without Mac OS 9 Filename Compatibility
With Windows Filename Compatibility
With Unix Filename Compatibility
With Use Images Subfolder
With Copy Background Image when Saving
Images Subfolder Path: “images”
Close
Saving: no
Maybe you are looking for
-
I have a new Mini and updated software. My monitor will keep flashing back and forth, shrinking the display and not allowing me to work. Sometimes clicking the mouse helps, sometimes clicking into the screen but it freezes up and won't allow me to wo
-
Cannot upgrade from 10.6.8 to Mavericks
I am running a MacBook Pro 5,3 with 750gb HD and 8gbRAM. I had previously upgraded to Mavericks so I know it works on this machine. I was having hard drive problems with my old 320 and had it upgraded to the new WD 750, and had my ram upgraded while
-
Deploying 11i in a grid environment
Hi, I'm curious about the challenges a DBA faces when deploying 11i in a grid environment. Once I get a proper mental handle on what the challenges are, I'd obviously like to find some solutions. So, assume I have 10 hosts running Linux and that I ha
-
Hierarchy Analysis Authorisation
Hi All We are trying to limit the output of a HR Sickness report depending on the user's position in the Org Structure hierarchy. We can't use structural authorisation as its not maintained in ECC. We have the org struct in BI and we want to setup dy
-
Using ical as a central family calendar
I want to be able to use ical remotely to manage our family's schedule and have it possible for both my wife and I to add items to it and delete items from it. I do not want to purely sync because then she will be stuck with all of my work appointme