Skip to content
KM Studio

Logo Design

Logo size guide

One logo, many sizes. Here are the sizes that matter for favicons, social profiles, websites, and print — plus the one rule that keeps your mark sharp everywhere: design from a vector master, and design for the smallest use first.

Logo file formats explained Logo design guide

There is no single correct logo size — you need a set. Design one vector master, then export fixed sizes per use: 16–48 px for favicons, 180 px for touch icons, about 400×400 px for social profiles, and vector or 300 DPI for print. Always design for the smallest size first.

Ask "what size should my logo be?" and the honest answer is "it depends where it appears." A mark that looks sharp on a website header can turn to mush in a browser tab, and a crisp on-screen PNG can print like a smudge. The trick is not memorising every number — it is starting from a vector file you can export at any size, and knowing the handful of targets that actually come up.

Below are the sizes worth knowing, a favicon breakdown, and a short workflow for preparing a logo that holds up from a favicon to a shopfront.

The reference table

Logo sizes by platform and use

Match the export to the destination: tiny multi-size files for favicons, a square image for social profiles, a 2× or vector file for web headers, and a vector or 300 DPI file for anything printed. The table below is your quick reference.

Commonly recommended logo sizes as of 2026-07. Favicon and print figures are stable standards; social platform specs shift — confirm current requirements in each platform’s own help pages before uploading.
UseRecommended sizeFormatNotes
Favicon (browser tab)16×16, 32×32, 48×48 pxICO / PNG / SVGShip a multi-size set; browsers pick what they need.
App / touch icon180×180 px (and up)PNGApple touch icon baseline; larger stores want 512×512+.
Website header2× the display sizeSVG (or 2× PNG)A 200×60 slot needs a 400×120 export, or one SVG.
Social profile picture≈ 400×400 px, squarePNGUpload square and centred; platforms crop to a circle. Confirm each platform’s current spec.
Email signature≈ 300–400 px widePNGKeep the file small; many clients block large or scaled images.
Print (cards, signage)Vector — any sizeSVG / EPS / PDFNever scale a small raster up for print; use vector or 300 DPI.

The smallest sizes

Favicon sizes, broken down

Standard favicon sizes. Supply a multi-size set (ICO or individual PNG/SVG) so each device renders a crisp icon.
SizeWhere it showsWhy it matters
16×16 pxBrowser tabs, bookmarksThe size that decides whether your mark survives — design for this first.
32×32 pxTaskbar, high-DPI tabsThe most commonly displayed favicon on modern desktop screens.
48×48 pxWindows site iconsIncluded in a multi-size ICO for older desktop contexts.
180×180 pxApple touch / home screenThe icon shown when someone saves your site to a phone.

The one rule

Design for the smallest size first

If your logo works at 16 pixels, it works everywhere. The reverse is rarely true — so start small and scale up, not the other way around.

The workflow

How to prepare your logo for every size

  1. 1

    Start from a vector master

    Design or request your logo as an SVG, AI, or EPS file. Vector art scales from a favicon to a billboard with zero quality loss — every fixed-pixel version you need is exported from it.

  2. 2

    Build a simplified icon for tiny sizes

    Full logos rarely survive at 16 pixels. Create a stripped-back icon or monogram variant that stays legible in a browser tab and on a phone home screen.

  3. 3

    Export a favicon set

    Generate the standard favicon sizes (16, 32, 48) plus a 180×180 touch icon, and an SVG favicon where supported. A set, not a single file, covers every device.

  4. 4

    Test at the smallest size on a real screen

    Zoom out until the mark is thumbnail-sized. If detail disappears or lines merge, simplify before you export the rest — do not fix it in the big version only.

  5. 5

    Keep vector for anything printed

    For business cards, signage, and merch, hand the printer a vector file. If you must send raster, export at 300 DPI at the final physical size, never an upscaled screen graphic.

Go deeper

Get the files and the fundamentals right

Files

Logo file formats explained

SVG, PNG, EPS, and PDF — which file each size needs, and why the vector master matters most.

Read more

Foundations

Logo design guide

The seven logo types, what a logo costs, and the files and rights you should own.

Read more

Cost

How much does a logo cost?

Price tiers and what each buys — including whether you get the export-ready vector master.

Read more

Frequently asked questions

What size should a logo be?
There is no single logo size — you need several. Design one vector master, then export fixed sizes per use: roughly 16–48 px for favicons, 180 px for a touch icon, around 400×400 px for social profiles, and vector or 300 DPI for print. Design for the smallest use first.
What size is a favicon?
A favicon is commonly 16×16, 32×32, and 48×48 pixels, supplied as a multi-size ICO or as PNG/SVG. Modern browsers also accept an SVG favicon that scales cleanly, plus a 180×180 PNG for Apple touch icons. Ship a set rather than one file so every device gets a crisp icon.
What resolution should a logo be for print?
For print, use a vector file (SVG, EPS, or PDF) whenever possible — it prints sharp at any size. If you can only supply raster, export at 300 DPI at the final physical dimensions. Never enlarge a small web PNG for print; it will look blurry and pixelated.
Why does my logo look blurry when it is small?
Usually because it was designed with fine detail that collapses at small sizes, or because a low-resolution raster is being scaled up. The fix is two things: a simplified icon variant for small uses, and a vector master you export from — covered in our logo file formats guide.
Do I need different logo files for social media?
Yes. Social platforms crop profile images to a square or circle, so upload a square version (around 400×400 px) with the mark centred and padded. Platform requirements shift, so confirm the current recommended size in each platform’s own help pages before uploading.

Make sure you actually have the right files

Every size in this guide comes from one thing: a vector master. If all you were handed is a PNG, you do not yet have an export-ready logo.

Logo file formats explained

Starting from scratch?

Learn what a good logo costs and includes.

Logo design guide