Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I have been making a 2d game art for iphone in illustrator CS5, and buttons and background elements which use gradients and some textured effects are saved in .png.

I noticed using these effects dramatically increase the file size. Is there any way to reduce it?

share|improve this question
up vote 2 down vote accepted

yes - try using the save for web option

you can then choose to use a png-8 or png 24

png24s are larger but give much better results when using alpha/opactity on an image

if the image is solid or what the image is being placed on is going to be solid then a png 8 is better as you have a finer degree of control over the quality & ultimatly the size of the file - have a play around i recommend using the 2 screen option so you can see the orignal image and compair it to the one you optimize

bit more info here

share|improve this answer
Thanks for the link it helped explain things but the only problem I still keep having is the gradients look choppy. I mean its not glaringly obvious I don't if it stands out to me more because i'm looking for it but is there a way to reduce this choppy effects on the gradients (in particular)?? Again thanks for the advice. – Hunter Mar 25 '13 at 11:57
have you tried adjusting the dither option when exporting the image - putting this too 100% should make the gradients cleaner – MephistonX Mar 25 '13 at 18:10
Thanks you very much for all the help – Hunter Mar 25 '13 at 21:55

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.