Design Help Center
Tips & pointers.
Your Logo On The Web
Designing logos for use on website & blog headers
While the most effective aspect ratio for any logo is certainly open for debate, developing a horizontal logo seems to be preferable when it comes to blog and website header usage. This isn’t a logo commandment or anything, but square logos can can lost in the top left corner of a typical web page header.
As if to illustrate that this isn’t carved in stone,
The Logo Factory® web header logo is both square and on the right hand side (no more.) We don’t think it looks too bad either. Accordingly, square logos can be used quite effectively (as long as the web header is designed around them). On the other hand, their vertical cousins can practically disappear. Let’s take a look at some typical logo aspect ratios:
When we add everything up, a horizontal format is definitely more appropriate for website and blog use than a square one. For all intents and purposes, and unless we employ some pretty radical website styling, any extremely vertical design is out completely. Why go to the trouble to point out this deceptively simple premise? There probably isn’t a graphic designer working today, at least those with a few years of experience under their belt, who hasn’t had to deal with a variation of the “make my logo bigger” scenario – explaining to a client why their logo is so small when it’s featured on their blog or website header.
Well, that’s why.
The best type of logo?
When it comes to using a logo on a website or blog header (and incorporating this precursory knowledge into the design process itself) which is a better aspect ratio: square or horizontal? Alas, there’s no dyed-in-the-wool solution, and neither overshadows the other entirely (when designing logos for social media for example, it’s strongly suggested that a square format is best.)
Removable icons and fluid logos.
The most complete answer is that anyone that’s serious about social media, websites and blogs, probably needs a little bit of both – square and horizontal. It’s always been advisable that if your designer is incorporating pictorial imagery into a logo – an icon let’s say – that it should be able to be used on its own, and disconnected from the text portion of the logo. As long as that icon is squarish, we should be good. Granted, that’s not always possible, so designers and clients need to be a little more fluid in adapting their logos to different uses through a little ‘tweaking’ here and there.
Discard the extraneous stuff.
Here’s a bonus tip. When you’re using your logo smallish on a blog or website header, forget about the TM or ® marks that you usually use. They’re not necessary all the time anyway, and at those sizes, they’re illegible and look like image artifacts rather than text. Take a look at our logo top left – the little R in a circle that we usually use, isn’t there. Doesn’t mean our logo is any less of of registered trademark. And it looks cleaner.
Design Help 19/44
Logo Design Help Center
A collection of helpful and informative tutorials for designers, do-it-yourselfers and anyone interested in branding their company.
Logopalooza!A free digital magazine about logos and design. Examples, case studies, news, trivia and more. No subscription required, just come and get it. Logopalooza! 4 currently shipping. L5 available May 6.
Learn more about logos, design & branding: