Adobe illustrator | Save for web | Small logo is not pixel-grid-aligned

When I save a 4000x1000px large image into a fraction of it’s size (100px in width), there are rectangles equal of size and color that does not look identical any more.

The logo is simply text with dots (vector rectangles) in between each character.

L . O . G . O

The dots are the same size and color, but when viewing the output result, the last dot has more contrast and looks crisper.

How would I go forth exporting large logos into small web-bitmaps, keeping the pixel-grid some what aligned to the bitmap elements?

Answer

Whenever you rescale a picture from one size to another, regardless of bigger to smaller or vice versa, there is always going to be a lot of averaging of pixels, even when sticking with purely 200%- or 50%-divisible factors.

If you want pixel-perfect conversions of sizes, at some point you are going to have to work manually at the pixel level to make everything look clean and neat at any size. There really aren’t any magic plug-ins, tools, or methods to guarantee this.

Most any image-editing application will make this easy. Illustrator really isn’t designed for this sort of work.

Attribution
Source : Link , Question Author : dropson , Answer Author : Philip Regan

Leave a Comment