July 7, 2021
 in 
Branding

Logo Size for Website, Social Media, Print, and Other Purposes

by

Eric Phung

Table of Content

  1. Logo sizes for social platforms
  2. Logo sizes for your website
  3. Favicon sizes for a website
  4. Logo sizes for print
  5. How do I change the size of my logo?

A logo is not a brand, but a brand without a logo certainly cannot create a memory in their customer's mind. A logo is a symbol that represents the company, the brand, the small business when it is in operation. You can create a logo by yourself using simple tool like Canva.

In this blog, we will cover the dimension of your logo and how you can effectively apply your logo to different design with different size across all major social media platforms, your website, and print.

1. Logo sizes for social platforms

First of all, let’s clear up why it’s so important to use the optimal logo size on your social media pages. If your emblem is smaller than the recommended size, it’ll stretch and become grainy (i.e. illegible). If, on the contrary, your logo is too large, it’ll be automatically compressed which will affect its quality in a negative way. Whichever the case, your customers will have trouble discerning what your corporate image is saying.


Here are the image dimension that you should be aware of before you post anything on social media to optimize your user experience:

Facebook:

  • Image posts: 1200 x 630 px
  • Cover image: 820 х 312 px
  • Profile image: 170 х 170 px

Instagram:

  • Square image post: 1080 x 1080 px
  • Portrait image post: 1080 x 1350 px
  • Profile image: 110 x 110 px
  • Stories: 1080 x 1920 px
  • Reel: 1080 x 1920 px

Twitter:

  • Image posts: 1024 x 675 px
  • Cover image: 1500 х 500 px
  • Profile image: 400 x 400 px

YouTube:

  • Thumbnail image: 1280 x 720 px
  • Cover image: 2560 x 1440 px
  • Profile image: 800 x 800 px

Pinterest:

  • Image posts: 1000 x 1500 px
  • Pin: 236 px width
  • Profile image: 165 x 165 px

LinkedIn:

  • Link posts: 1200 х 628 px
  • Image posts: 1200 x 1200 px
  • Cover image: 1536 x 768 px
  • Profile image: 300 х 300 px

Tik Tok:

  • Profile photo: 200 x 200 px
  • Video length: 1080 x 1920 px

2. Logo sizes for your website

Most of the time you will be using a transparent background logo (.PNG extension). For the most part, 250 px (width) x 100 px (height) are the optimal logo dimensions for a web page. We have listed a few logo dimensions for the two most common layouts.

Every-website-have-logo-dimensions-for-every-breakpoint-suitable-with-UI-design


For horizontal layout:

  • 250 px x 150 px
  • 350 px x 75 px
  • 400 px x 100 px

For vertical (square) layout:

  • 160 px x 160 px

3. Favicon sizes for a website

Favicon-show-what-your-signature-brand-are

A favicon is a small icon that features your brand. It is a logo mark that will be displayed on the browser's tab. You can employ favicons in the following sizes:

  • 16 px x 16 px
  • 32 px x 32 px
  • 48 px x 48 px

The size is relatively small, however, you can always export a bigger dimension for better resolution. We often use 128 x 128 px for better resolution but not too big in size.

4. Logo sizes for print

When it comes to printing your corporate image across different surfaces, the main thing is not the size but the format of your logo. The best vector formats are PDF, SVG, and EPS. Why use vector and not raster? The reason is that a vector logo (both an entire image and its separate parts) is easy-to-edit. In addition, a vector logo retains its quality when scaled up multiple times, which is very important in printing.

Printing-also-need-an-logo-why-we-dont-configuration-the-best-size-for-it

If you have your emblem saved in a vector format, you don’t need to worry which size to choose before taking your design to a printing office.
If you’re using a raster image (read here about the difference between the raster and vector formats), the bigger your image, the better.
For this reason, we recommend that you use a 500рх (or more) logo for small print (e.g., souvenirs) and a 1024px logo (or more) for large print.

5. How do I change the size of my logo?

Your logo represents your business and there are many different logo size you should know to make it fit to different platforms such as a website, social platforms, printed matter, etc.

If you don't know how to use Photoshop, you can try the online tool to edit the size of your logo such as LogoMaker or Canva. They are free and super easy to use.

Editing-size-can-affect-all-the-viewport-and-UI-design-but-you-can-try-it-somehow
We collaborate with ambitious brands and people.

Let’s work together.

BOOK A DISCOVERY CALL