For the past several months I have been struggling with a problem with Illustrator CS4:
1. I have an RGB document 167px wide by 169px high.
2. I have an icon in the document with a rectangle background of 167px wide by 168px high, aligned to the bottom of the artboard.
3. Using both the "Save For Web"" and "Export" options to save the file as a PNG, Illustrator "FILLS" the 1px transparent portion at the top of the image with the rectangle color.
Therefore, I have a PNG that is 167px wide by 169px high with a rectangle background that is also 167px wide by 169px high.
What I want is a PNG that is 167px wide by 169px high with a rectangle background that is 167px wide by 168px high with a 1px space at the top.
The output dimensions in the "Save For Web" dialog are correct and it even shows the 1px transparent space at the top in the preview area.
YES, I have "transparency" checked in the "Save For Web Options". I know HOW to save with transparency and have done so successfully countless times before.
It seriously just... stopped working. I fear I may have changed a setting that would cause this, but I cannot find anything that even relates to the transparency for a PNG other than the simple check box in the "Save For Web" dialog. I only saw one other forum where a user said Illustrator was "cutting off" the transparency, but that question remains unanswered as well.
Any help would be tremendously appreciated.
Scott W. - Thanks for the quick reply to my question. Unfortunately, none of the suggestions worked:
• Check Clip to Artboard settings in Save for web.
This was already set.
• Check mat setting in Save for web
This option only becomes available when "Transparency" is unchecked, which I don't understand.
• Trash preferences/settings and try again
Also completed this plus a reset in the "Save For Web" dialog to no avail.
Any other suggestions?
Maybe this script will help , though I had no problem accomplishing tha which you are attempting to accomplish, but in CS 6.
They say the script works better than save for the web? Perhaps it does.
Are the x, y coordinates of your artboard even numbers?
Also turn on Pixel Preview from the View menu. Do you see any antialiasing on the edges? You may need to turn off the transparency grid to see easier.
Oddly enough, the x,y coordinates were NOT even numbers. They were 0.5 (1/2 pixel off). And changing that to a whole number fixed the problem.
The one thing I don't understand now is how much of a pain this was to figure out just because I chose a document size that is an odd number instead of an even number. But I do understand how the anti-aliasing would fill in that 1px space I was trying to get at the top since Illustrator was actually making it a 0.5px space.
Wierd... Thanks for the help! This has been bugging me for months!