What Logo Size Do You Actually Need?

A new logo usually arrives as one file, and then the requests start. The website header wants a wide version. The social profile wants a square. The printer wants something they can scale to a metre. The browser tab wants something legible at sixteen pixels. Size charts exist for exactly this, and they go out of date, because platforms change their layouts and several of them never published a number in the first place.

Quick answer. Keep one vector master with no fixed dimensions, and export raster copies to fit each container: roughly 250×150 to 400×100 pixels for a website header, 400×400 for most social profile pictures, 16, 32 and 48 pixels square for favicons, and 300 DPI at final size for print. The master file is what makes every one of those a two-minute export rather than a redraw.

The Sizes, Where They Are Published

For the slots that do have documented figures, Adobe's logo size guidance is a reasonable baseline:

• Website, horizontal — 250×150, 350×75, or 400×100 pixels, depending on the proportion of the mark
• Website, square header — around 160×160
• Favicon — 16×16, 32×32 and 48×48
• Instagram profile — 110×110
• LinkedIn and X profile — 400×400
• Facebook profile — 170×170, with a 851×315 cover
• Email signature — 300–400 pixels wide by 70–100 tall

One adjustment applies to all the web figures: export at two or three times the listed size and let the page scale it down, so the logo stays sharp on high-density screens. A 400-pixel-wide logo displayed at 400 pixels looks soft on a modern laptop.

Why a Chart Goes Stale and Three Rules Don't

Charts have two problems, and the second is the one nobody mentions.

The first is that platforms redesign. A table listing exact profile dimensions for six networks is wrong within a couple of years, usually silently.

The second is that some platforms do not publish a size at all. YouTube's own channel customisation documentation recommends a banner of at least 2560×1440 pixels — and for the channel picture says only that "it's best to upload a square or round image," with no pixel figure given. Every chart quoting a specific YouTube avatar size is repeating a community convention as though it were a specification.

Three rules cover the slots a chart cannot.

Size to the container, not to the platform. The question is never "what size is a logo" but "how tall is the space, and how much margin does it need." A header 64 pixels tall wants a logo around 40 pixels tall with breathing room, whatever the platform is called.

Export at 2–3× and scale down. This removes display-density guesswork permanently and costs nothing but file size.

Upload square where the frame is round. Circular crops are common and the crop is applied to the centre. A mark that fills its square gets its corners cut; one with margin survives — which is easier when the mark has a symbol-only variation drawn for exactly this slot.

Start From a Vector, Export the Rasters

Everything above assumes a master file that can produce any size. That is a vector — SVG, PDF or EPS — which stores the logo as mathematical paths rather than a grid of pixels, and therefore has no native resolution at all. Exporting a 32-pixel favicon and a two-metre banner from the same file are the same operation.

Without one, every new size is a small act of damage. Enlarging a raster logo interpolates pixels that were never captured, so edges soften and type goes slightly woolly — visible immediately in print and eventually everywhere.

If the only file that exists is a PNG or a JPEG, there are two ways back. Redraw it as paths, which is reliable and slow. Or auto-trace it and clean up the result, which works acceptably on simple flat marks with hard edges and produces lumpy approximations of anything with gradients, soft edges or texture.

The cheaper path is not to end up there. A free AI logo generator that outputs vector SVG alongside transparent PNG means the master exists from the first version, and the raster sizes are exports rather than reconstructions. The same applies to type-led marks — a wordmark logo maker producing vector output keeps letterforms crisp at sign size, which is the scale that exposes a traced outline fastest.

Which Format Belongs Where

Four formats cover every placement, and the choice is decided by the destination rather than by preference.

SVG — the web default wherever it is accepted. Scales infinitely, stays sharp, and the file is usually smaller than the PNG equivalent. Some platforms reject SVG uploads for security reasons, which is the only reason not to use it.

PNG, transparent background — for raster placements and for every platform that will not take an SVG. Adobe notes that PNG logos are sharper than JPG, allow transparent backgrounds, and still keep file size reasonable.

PDF or EPS — what a commercial printer will usually ask for, and what a sign maker or embroiderer needs. Both carry vector paths.

JPEG — not for logos, in any context. The format has no alpha channel, so the logo arrives with a white rectangle behind it, and its compression puts visible artefacts around the hard edges that logos are made of.

Beyond format, one small set of variants prevents most inconsistency: full colour, single colour, and a reversed version for dark backgrounds. Export them alongside the master once, and nobody has to improvise a version at the moment they need one.

The Minimum Size Rule

The last decision is the one most often skipped, and it is what stops a logo being used badly.

Every mark has a size below which it stops working — type fills in, fine gaps close, a detailed symbol turns to mush. Find it by exporting at decreasing widths and viewing each at 100% rather than zoomed. Marks with the name set inside them typically fail somewhere between 60 and 120 pixels wide, depending on how much type is carrying.

Record that number as a documented minimum, and pair it with a rule for what happens below it: use the symbol alone rather than shrinking the full lockup further. That single instruction is the difference between an app icon that reads and one that is an illegible smudge of the wordmark.

Which versions a mark needs in the first place — primary, secondary, symbol, one-colour — depends on what type of logo it is, and that decision comes before any of the sizing here.

Deep Dive: 7 Types of Logos, and the Versions Each One Needs

Deep Dive: How to Design a YouTube Banner That Converts Viewers to Subscribers