Your logo has to be displayed on different media: on your website, your social networks, your email signature, your business brochure, your business card, etc.
All of these media have a different size, and this is something to consider when creating your logo. To keep it legible and recognizable wherever it is displayed, you must give it an appropriate size.
So it is important to understand how your logo will appear on the "Web and Print" to choose the right dimensions.
A legible logo, whatever its size
Because your logo has to be distributed in many places, it is essential that it remains legible with a good quality at all times.
Small size on mobile applications for example, the details will have to be visible. Conversely, a larger size on a t-shirt, your logo should not be pixelated.
The best way to keep your logo clean on all of these media is to create an easy-to-resize visual, this means:
A logo that doesn't contain too much detail: The details do not come out well when the size is reduced. For example, a logo that contains too many fine lines will become compact, giving a messy effect.
A logo that has semi-uniform shapes: your logo does not have to be perfectly round or square, but many social networks have a pre-defined profile photo format: round on Instagram for example, square for Linkedin pages, etc.
A logo under than 200KB: the smaller your logo, the easier will be to resize it.
Different designs depending on the size.
One of the easiest ways to keep an attractive logo, regardless of size, is to create multiple versions. Obviously each design of your logo will have to be similar to represent only one and same brand: yours.
Good to know
A professional graphic designer is able to create different versions of your logo while keeping the same aesthetic.
In most cases, two designs are enough.
The first will be for media that can accommodate a large logo, for example the home page of your website. Here, your logo may contain some details.
The second design will be specially designed for small locations, for example on a mobile application, or at the bottom of an advertising poster. On this logo the details will be removed to keep a clean design.
It is obviously possible to have only one design for your logo. But in this case you have to find the right balance: make sure that there is enough detail to make your logo take the necessary place in a large format, while being careful that these details do not reduce the quality of your image when it is reduced.
Variable size for print elements
Printers and printed materials vary enormously: the difference between a business card and a poster or even a t-shirt proves how difficult it is sometimes to find a unique size for your logo.
For printed elements, the ideal is to work with a logo that can easily be resized. And here, the format is what's important.
Our advice
Use your logo in a vector format (EPS for example): you can more easily change its size without losing quality.
One size, or almost, for social networks
All social networks are not alike. This may seem like a constraint because you have to constantly adapt the format of your visuals.
As a general rule, a logo of 1024 x 512 PX fits well on all platforms.
However, if you really want to be in the detail, it is necessary to take into account the sizes of the visuals defined on each social network.
A consistent size for the website
The size of a logo again varies from one brand to another.
Some prefer to display their visual in an extra large format on the homepage, while others opt for a discreet logo, for example in the upper left corner.
So, the choice of the size of your logo depends on different factors.
Is the size of your logo consist with the design of your site?
You don't want a massive visual in the middle of a page already overloaded, like a tiny logo spoiled by large fonts.
Make sure that your logo fits well with your site's design.
For example, for a minimalist website it is better to opt for a small logo.
Is the size of your logo adapted to its location?
We previously talked about different versions of a logo. These are very useful for a website because your logo will not have the same size and appearance depending on its location.
- When it is in a corner of your navigation bar you will opt for its emblem.
- When it is in the middle of your header, you can use its full and detailed version.
Is the size of your logo adapted to your message?
once again, This is matter of common sense.
On your homepage you will probably want to highlight your brand, which is why a large logo is often preferred.
In contrast, on a landing page, the goal is to convert your visitor. The focus is on your message and your call to action. Your logo should not distract, which is why it is displayed in small format.
The recognition of your logo is essential, even vital, for your brand. You must therefore take the time to heal the size for each type of support.
During this process, be careful to keep the same proportions because otherwise you will impact the quality and therefore the appearance of your logo.