Tips for shrinking logos
Out of context: Reply #8
- Started
- Last post
- 8 Responses
- prophetone2
Logos need to be scaled against each other, some are heavy, some appear lightweight, then there's shapes, width vs heights.
You can control this so you're happy when they present as a group, and making it easy on the front end dev'ing by using a basic image grid by containing each logo in a 4:3 transparent container.
If all vector prep every logo v/h entered on a 400x300 card with 0 opacity, all the logos together on an Illy page so they can be scaled against each other, balanced. Then one card at a time export selection to a vector SVG for each.
If PNG output needed b/c vectors are not available then make sure card is at least @3-4X the final height, 400x300 would work well if 75px height is max display. Export them from Photoshop as PNG/24's ideally, or at least basic PNG 256's.
Every logo is now exact same size and spec, visually-balanced, and will all scale the same way across a grid.
Front end is simply scaling them into the container grid, scaling them down either height 100% width auto, or opposites depending so they're responsive, SVG's already beautiful, PNGs delivered at a retina res.