Logo sizes and dimensions for social media, websites and print

Estimated reading time: 10 minutes

Logos these days have to exist in more spaces than ever before. You might need to blow your logo up to the size of a billboard or shrink it down so that it fits within a URL bar. And in each of these scenarios, your logo must stay consistent and recognisable. That’s why it’s important to plan ahead and consider each of the different logo sizes and logo dimensions early on in the design process.

When we talk about logo sizes and dimensions, we are not only referring to the physical size but also the shape and orientation of your logo. You can have a logo version that’s an icon, one that’s a slogan, a company name…and which one you use will depend on the context. In order to help you optimise your logo for every setting, we’ve put together the following guide on the common logo sizes and dimensions for social media, print and web.

Common logo sizes and dimensions

  1. Logo size and dimension basics
  2. Logo sizes for social media
  3. Logo sizes for websites and apps
  4. Logo sizes for print and merchandise

Logo size and dimension basics

Logos often have to be resized and reoriented when placed across websites, social media, merchandise, printed advertisements and so much more. In today’s digital age, your logo has to be ready for anything.

versatile green logo design for a tech company

A logo should adapt seamlessly in any context. Design by goopanic via 99designs by Vista.

Great logos will retain their integrity over any background and adapt to any size without losing clarity. To get an idea of how you can achieve this, brush up on your design fundamentals.

Versatility, scalability, balance and proportion are some of the basic principles of logo design that apply directly to logo size. When shaping and orienting your logo for different contexts, these will be your guiding lights. Like any aspect of design, sizing is no exact science, and it requires your best judgment depending on the kind of logo you are working with.

That said, here are some best practices to keep in mind:

  • Your logo should be legible at every size: Remember to keep the right proportions (width-to-height ratio).
  • Sizing needs to be consistent across various mediums: Your sizing choices across mediums need to be consistent and reflect your brand voice.
  • Horizontal, vertical and square: Your logo should be effective regardless of how it’s oriented and displayed.
  • Brush up on file types: Vector files such as PDF or EPS are designed for effective scalability. Having your logo in vector format and using that as a starting point for resizing or reformatting is always a good idea.

At the end of the day, your logo should be sized in a way that it is readable, where the right elements are emphasized and it does not feel uneven. Learn more about responsive logos and adaptable logos.

Logo sizes for social media

Social media allows your business to present itself to clients and interact with them. For this reason, it’s especially important that your logo looks professional and attractive on social media, and this means that it needs to be optimized for every space—cover photos, banners, posts and profile pictures.

Colorful facebook avatar and cover design

The logo’s icon can stand alone in the avatar space while the cover image can carry the weight of the full logo. Bonus points if your cover image interacts with your avatar in some way. Design by CREATIVE NINJA via 99designs by Vista.

Some general tips when sizing logos for social media:

  • Plan ahead. Your company’s social media avatar needs to be part of your brand kit.
  • For the small avatar spaces, consider using only the logo’s icon.
    • For wordmark logos, consider a monogram version (in the case of two words) or the logo’s first letter (in the case of one word).
  • Even though social media platforms will accept smaller file sizes, make sure your file is big enough to support quality resolution.

Dimensions vary for logos across social media platforms (and sometimes even vary within those platforms), and that’s why we’ve put together a handy guide for the recommended logo sizes on social media:

Logo sizes for Facebook

  • Profile pictures (for personal and business pages): 180 x 180 pixels
  • Cover photo: 820 x 312 pixels
  • Shared link image: 1200 x 628 pixels

Logo sizes for Instagram

  • Profile picture: 110 x 110 pixels
  • Thumbnails: 161 x 161 pixels
  • Square image post: 1080 x 1080 pixels
  • Landscape image post: 1080 x 566 pixels
  • Portrait image post: 1080 x 1350 pixels
  • Stories: 1080 x 1920 pixels
waves logo twitter banner

Logos designed with social media in mind can be transformed and expanded into cover images. By olimpio via 99designs by Vista.

Logo sizes for X, formerly known as Twitter

  • Profile picture: 400 x 400 pixels
  • Cover picture: 1500 x 500 pixels
  • Tweeted images: Minimum 440 x 220 pixels, maximum 1024 x 512 pixels

Logo sizes for YouTube

  • Profile picture: 800 x 800 pixels
  • Thumbnail picture: 1280 x 720 pixels
  • YouTube channel cover picture: 2560 x 1440 pixels

Logo sizes for Linkedin

  • Profile picture: 400 x 400 pixels
  • Background picture: 1584 x 396 pixels

Logo sizes for websites and apps

Recall an experience in which you went on a website to find a pixelated logo that looked either too big or too small. How did that affect the opinion you formed of the company?

A modern geometric logo design sized for a website header

A logo should be designed to fit comfortably at a smaller scale in a website’s browser. matacurut’s design goes the extra mile to be subtly incorporated throughout the website. Via 99designs by Vista.

Websites don’t only need to look good but they also need to provide customers with all the necessary information about their product. This includes conveying a curated brand impression, and your logo, situated at the top of the page, pulls a lot of the weight here.

The two most common places for a logo to appear on your website are the navigation bar (or header) and the favicon (the icon that appears on the tab next to the title of the page, next to your URL in the search bar, and in a user’s favourites/bookmarks list). Similarly, your logo will likely need to be condensed to fit the dimensions of an app icon, usually in the form of a minimalist image to make the most of the space.

Some important considerations when sizing your logo for the web:

  • Does it fit well with the rest of the page?
  • Is it distinct and recognisable in all formats, both large and small?
Illustrated logo and favicon design for a beer company

A favicon should be a simple, minimalised, flat version of the logo. Can you spy the differences between the main logo and the favicon design in the upper right? Design by Neatlines via 99designs by Vista.

These are the standard dimensions you should take into account when designing your logo for websites and apps:

Standard favicon sizes:

  • 16 x 16 pixels
  • 32 x 32 pixels
  • 48 x 48 pixels

Website header sizes:

This will depend on what sort of website builder you’re using, if you’re even using one. But here are some standard measurements for various situations.

  • Full banner: 468 x 60 pixels
  • Horizontal layout
    • 250 x 150 pixels
    • 350 x 75 pixels
    • 400 x 100 pixels
  • Vertical layout:
    • 160 x 160 pixels

Mobile app icon sizes:

  • iPhone 6S and up: 180 x 180 pixels
    • 120 x 120 pixels in Spotlight Search
    • 87 x 87 pixels in Settings
  • iPad: 152 x 152 pixels
  • Android: 192 x 192 pixels
  • Windows: 62 x 62 pixels

A good example of a logo that thrives on both web and in print is Amazon’s.

This lowercase wordmark with a swoosh subtly connecting the “a” to the “z” is used on packing tape, boxes, padded envelopes, digital ads, banners and more. But it’s also simple enough so as to transform perfectly into a compact favicon, moving the swoosh so that it is just under the letter “a.”

It just goes to show that simplicity is extra important with digital designs in order to grant the logo the freedom to shrink in size without losing its distinctive qualities.

Logo dimensions for print and merchandise

In the realm of print media, your logo may end up on everything from signage, T-shirts (on a chest pocket or full size over the front or the back), pins, mugs, packaging and more. While digital spaces tend to favor smaller dimensions, you can see that sizing varies greatly across print media. That’s why it’s important to gather a list of what you will need sooner rather than later and make sure your logo is able to adapt to situations as they come up.

Logo design on various printed branding materials

Design by Artcher™ via 99designs by Vista.

Here are some common standard sizes for print and merchandise (be sure to check with your printer beforehand):

  • Standard print size for a mug is 21.5 x 7.6 cm
  • US business cards are generally 8.9 x 5 cm
  • The maximum print area for a T-shirt is 35.5 x 38 cm
  • Sheet sizes for billboards:
    • US: 27 x 40 inches
    • UK: The most popular size is “48 sheets” which is 6.096 x 3.048 meters
    • France: The grand size is 12 x 8 square meters
  • The most common envelope sizes are
    • C4 in Europe which is 22.9 x 32.4 cm
    • #10 envelope which measures 4 1/8 x 9 ½ inches
  • Letterheads
    • A4 letter size is 210 × 297 mm
    • US standard letter size is 8.5 x 11 inches
  • A standard coaster size is 10.1 x 10.1 cm

One logo size does not fit all

When it comes to sizing your logo, always remember that adaptability is your greatest asset. Even if there are five spaces your logo needs to fit into today, in the future it could be hundreds. Always leave room for your logo to (literally) grow with technology and display its best self to the world – even if it is best displayed through a magnifying glass!

Want more logo design tips? Learn how to design a logo here.

Author: Zeynep Lokmanoglu