: 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

@Kimberly620

You should activate 'Pixel Preview' in Illustrator's 'View' Panel. It shows you the actual result of the rasterized image, so you can align the dots to the pixel grid to make them look the same.

Vote Up Vote Down

@Sims5801359

I'd take the your exported Illustrator image, and use it as a basis for recreating in Photoshop at the smaller size.

This will also take advantage of Photoshop's text handling - there are several 'anti-aliasing' settings which encourage letters' horizontals and verticals to be drawn along exact pixel boundaries to a greater or lesser extent.

Vote Up Vote Down

@Michele215

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.

Vote Up Vote Down

@Megan533

Have you tried using Photoshop to rasterize the artwork? In general, I've had great successes using Photoshop to create web graphics from Illustrator. You also have a great deal more control over the raster properties and aliasing.

Vote Up Vote Down