Shining Star Services LLC

Illustrator Image Edges and Anti-Aliasing

By Nannette Thacker

As a developer, many times I work with web graphic designers who provide me a layered template in Adobe Illustrator. It is my job to take each image and save it for the web, as well as design the style sheets and master pages.

Using Adobe Illustrator, I ran into a problem where when saving an image for the web, I noticed that Illustrator put a 1 pixel edge around the image. Not being a designer and Illustrator afficianado myself, I didn't know what was causing it or how to fix it. I tried nearly everything and finally found the solution. I want to share that for those who might have problems with this in the future.

Here is a view of what the image looks like with the edging I'm talking about. Notice the little white edges at the top and bottom. 



Here is what I want it to look like, without the edging:



Here is the "secret." When on the "Save for the Web" page, select the "Image Size" tab, and deselect the "Anti-alias" checkbox and select "Apply." This will remove the edges from the image and save it the way it was designed.



May your dreams be in ASP.net!

Nannette

© Copyright 1997-2017 Shining Star Services LLC, Nannette Thacker. All Rights Reserved.