Got messy GIF’s?

So, if you’re a Photoshop master – please, off you go.  If you are like me and are not a Photoshop master, and you constantly end up with extra pixels on the edges of your darn transparent background GIF’s, then please read on …

RGB, not CMYK!

Take yourself up to the Image menu, go to Mode and make sure you are set to RGB mode.

Don’t save for web!

I learned to always use Photoshop’s Save for Web function when creating web graphics.  This allows you to compare the results of JPEG high resolution, vs medium resolution, vs GIF, vs PNG, etc. Turns out, GIF’s are better off if you just use Photoshop’s regular Save function. Maybe you could still use Save for Web to compare your possible outcomes, but if the decision is to go GIF, then cancel on out of there and use Save instead.

When to GIF

JPEG is for photos, and GIF is for illustrations. That is the logic I go by – but it’s always good to compare the two. Also, you can’t have transparency if you use JPEG, so that’s another factor.

A very brief post, but there you have it.  I’m by no means an expert on the subject, but I’ve been plagued with messy GIF’s for the last few months and I was just shown how to miraculously clean them up – so I thought I would share! Thanks Chris!



  1. You’re actually best off using PNG’s for all graphics using transparency. If you’re using Photoshop, the Save for Web and PNG 24’s render the graphics quite nicely and they aren’t any bigger than GIFs. I’ve found that the transparency rendering is better all round with PNG. It also has the added benefit of being an open source file type and GIF technically requires a license to use it.

    • I’m completely brutal at installing pngfix 🙁

Submit a Comment

Your email address will not be published. Required fields are marked *