Logo sizes for web, social, email and print

Logo sizes depend on where the logo goes: a square of about 400 × 400 px for a social profile picture, a wide logo of about 400 × 100 px for a website header, 100 to 300 px of width in an email signature, 16 to 512 px for a favicon set, and a vector file or 300 dpi (dots per inch) at the printed size for print. Keep one vector master and export each size from it. Every platform figure below links to the platform’s own help page; sizes checked on November 4, 2026.

The free Logo Finder exports transparent PNGs at 512, 1024, 2048 and 4096 px, a square icon, a favicon pack and vector files for print, from any company’s website or from your own file.

What size should a logo be on a website?

A website header logo is usually a wide image of about 400 × 100 px, saved at twice its displayed size so it stays sharp on high-resolution screens, or better, an SVG that is sharp at every size. WordPress’s theme handbook uses 400 × 100 px with flexible width and height in its custom logo example, and Shopify’s blog recommends 400 × 100 px for a wide logo on desktop.

MDN explains the doubling: on a screen with two device pixels for every CSS pixel, the browser loads the larger file, and the logo shows more detail at the same size. An SVG skips the question, since it “will smoothly scale to the desired size” (MDN). For the logo named in a site’s structured data, Google asks for at least 112 × 112 px that looks right on white.

What size should a logo be for social media?

Social media profile pictures are square, and most platforms recommend 320 to 720 px a side: LinkedIn 400 × 400 px for a Page logo, X 400 × 400 px for a profile photo, Facebook 320 × 320 px for a Page profile picture and Google Business Profile 720 × 720 px for photos. Keep the logo inside the middle of the square, because Facebook crops the profile picture to a circle.

One square master of 1024 × 1024 px covers every profile slot above: it is larger than the biggest recommendation, 720 × 720 px, and each platform scales it down. The Logo Finder’s Favicons download sets the logo in a square for exactly this. For covers and banners, place the wide logo on a background in the brand color, inside YouTube’s 1235 × 338 px safe area and clear of the 60 px X may crop.

What size should a logo be in an email signature?

An email signature logo is usually 100 to 300 px wide and 30 to 100 px tall, uploaded at double that size and halved in the signature’s HTML so it stays sharp on high-resolution screens (Email Signature Rescue). Exclaimer recommends keeping the whole signature about 600 px wide and its images under 50 KB where you can, in PNG or JPEG (Exclaimer).

Check the logo in dark mode before you roll it out: several email apps turn light backgrounds dark, and a dark logo on a transparent PNG can vanish. How to make a dark mode logo covers the fixes, from a thin white outline to a white version that Apple Mail swaps in.

What are the favicon sizes?

The favicon sizes a website needs are a favicon.ico for the browser tab, a 180 × 180 px Apple touch icon for iPhone home screens, and 192 × 192 and 512 × 512 px icons in the web app manifest, which Chrome requires before it lets a site install as an app. For search results, Google wants a square favicon of at least 8 × 8 px and recommends one larger than 48 × 48 px.

The Logo Finder’s favicon pack builds these from one logo: a favicon.ico for the browser tab, an icon-256.ico with every size from 16 to 256 px, PNG icons including the 180 px Apple touch icon and the 192 and 512 px manifest icons, and the site.webmanifest that lists them, with the lines to paste into the page head. For one icon file that covers Windows too, the free PNG to ICO converter makes a single .ico holding 16, 24, 32, 48, 64, 128 and 256 px from any PNG or logo. To see what another website uses, the favicon grabber pulls its icons from the address. A dark icon on a transparent square can vanish in a dark browser tab; an SVG favicon with its own dark mode colors keeps it visible.

What size should a logo be for print?

A logo for print has no size limit as a vector file; as a picture it needs about 300 pixels for every inch it prints, the benchmark printers publish (Vistaprint, 4imprint). So a PNG’s pixel width divided by 300 is the widest it should print. The table shows how far each of the Logo Finder’s PNG sizes goes.

Garments follow the same arithmetic: Vistaprint’s placement guide puts a left-chest logo at 3 to 4 in wide and a full-front print at 10 to 12 in, so 1,200 and 3,600 px are the targets. Signs read from across a room can use fewer pixels per inch, as image resolution for print explains, and what logo file a printer needs lists the files to send. To check a logo at true size on a card, the free 3D credit card mockup generator places it on a CR80 card in 3D.

What size should a logo animation be?

A logo animation is made in the shape of the screen it plays on: 1080 × 1920 px (9:16) for Instagram Reels, TikTok and YouTube Shorts, 1080 × 1350 px (4:5) or 1080 × 1080 px (1:1) for feeds, and 1920 × 1080 px (16:9) for YouTube and websites. Meta’s Reels ads guide sets Reels at 9:16, TikTok recommends 9:16 vertical video, YouTube counts square and vertical videos up to three minutes long as Shorts, and 16:9 is YouTube’s standard aspect ratio on a computer.

Those four shapes are the ones the free logo animation maker exports, with the logo framed clear of the buttons and captions each app draws over the video. Every platform’s lengths, file limits and safe zones are in how to animate a logo. Video sources checked on November 5, 2026.

How do you make every logo size from one file?

Make every logo size from one vector master: export each size from the SVG, PDF or EPS rather than resizing an earlier export, because enlarging a picture only makes its pixels bigger and adds no detail. Five exports cover the slots in this guide, from a favicon to a full-front shirt print:

1. A wide logo for website headers, as SVG, plus a PNG at twice its displayed width.
2. A square version with the mark centered, at 1024 × 1024 px, for profile pictures and app icons.
3. A white version for dark backgrounds, dark mode and email.
4. A favicon set: the ICO, the 180 px Apple touch icon and the 192 and 512 px manifest icons.
5. Print files: PDF or EPS, plus a PNG at 300 dpi at the largest printed size.

No vector master yet? The Logo Finder takes it from the company’s website, and Logo to SVG traces a PNG you already have. Which format each export should be is in logo file formats, explained.