Do-it-yourself small business website designers are sometimes graphically challenged, and the pixel trash around logos or text in their GIF website graphics is not uncommon. This short tutorial for website design and online graphics is a lesson in overcoming that problem. There is an easy solution once you understand a technique called “error diffusion” for creating transparent graphics that blend into the background.

We’ve all seen examples of tiny jagged off color squares around the edge of logos or clipped photographs used for websites. First impressions are critical to keeping visitors interested in staying on your website. Taking care to create professional graphics without the pixelated trash may be the only difference between you and a competitor, and fixing the problem is not really difficult.

Here’s a portion of a customer’s logo done with and without error diffusion. Both graphics were created in Xara Xtreme which allows selecting error diffusion during the export to GIF process. The difference in quality is subtle yet obvious.

You will need a vector graphics software program. Some are expensive. Xara Xtreme is my choice for professional designs for print or online, and their program is perfect for novice designers or full time pros. The price starts at less than $100 and you may download a free 30 day trial of Xara Xtreme here. As your skills advance, you can use Xara to create animations and smooth flash graphics, also.

Error diffusion is an option for exporting graphics to GIF format that intentionally picks up a small amount of the background color so that the finished display is crisp and clear. The secret is placing the graphic over a block of color that will not be exported yet it is the same color as the background. This explains why the same logo shown above looks so much crisper when error diffusion is applied.

I recommend investing in a vector graphics program so you can create cleaner graphics to display online. The improved look in your website design could repay the modest software investment with just one decent sale of your products or service.

One Response to “Pixel Trash on Transparent GIF Graphics”