Skip navigation
Currently Being Moderated

PNG Transparency NOT Working

Jun 10, 2012 10:23 PM

Tags: #cs4 #illustrator #save #not #working #png #transparency

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.

 

Thanks!

 
Replies
  • Currently Being Moderated
    Jun 11, 2012 12:11 AM   in reply to Paul M. Zahorosky

    • Check Clip to Artboard settings in Save for web.

     

    • Check mat setting in Save for web

     

    • Trash preferences/settings and try again

     
    |
    Mark as:
  • Mathias17
    439 posts
    Feb 20, 2012
    Currently Being Moderated
    Jun 11, 2012 9:11 AM   in reply to Paul M. Zahorosky

    This may be like an IT worker asking you if you've tried turning it off, then on again, but when you View > Show Transparency Grid you do see the trans grid, right?

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 11, 2012 10:14 AM   in reply to Paul M. Zahorosky

    Maybe this script will help , though I had no problem accomplishing tha which you are attempting to accomplish, but in CS 6.

     

    http://www.ericson.net/content/2011/06/export-illustrator-layers-andor -artboards-as-pngs-and-pdfs/

     

    They say the script works better than save for the web? Perhaps it does.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 11, 2012 10:29 AM   in reply to Paul M. Zahorosky

    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.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points