: Keep minium distance of 1px when resizing logo I am currently doing some work for one of my sites, for which among other things I am designing a logo. The logo partly consists of a few squares,

@Rivera951

The best way to do this in Illustrator as well as Photoshop is to scale it down first to the desired size and then (perhaps duplicating the layer so you have a reference) carefully adjust the squares to match the grid (prepare a 1px grid and select snap to grid) to ensure the 1px gaps to be precise and aligned with the pixel grid. Keep an eye on the original scaling to not wander off too much from the original design.

It is not uncommon that logos are redrawn for smaller sizes. The question is just how much to change (as little as possible).

I fould this tutorial very helpful on this subject, they call it "pixel hinting": methodandcraft.com/videos/pixel-hinting-vectors-in-photoshop
Edit: In your example, if you examine the borders and the squares, they are all 53x53px. So all you would have to do is remove the semi-transparent elements for a quick fix. On more complex logos you should import them as vector shapes or do this in Illustrator.

Vote Up Vote Down