Logo Size and Dimensions Guide

Website Logo Dimensions

Website logos need to work across desktop, tablet, and mobile screen sizes. The most common approach is to use an SVG logo that scales automatically, eliminating the need to specify exact pixel dimensions. If you must use a PNG, the standard recommendations for 2026 are:

Header logos for desktop typically display at 200 to 300 pixels wide by 50 to 80 pixels tall. For retina and high-DPI screens, export your PNG at 2x (400 to 600 pixels wide) and let CSS scale it down to the display size. This ensures sharpness on all modern screens.

Mobile header logos display at 120 to 180 pixels wide. The reduced space means mobile logos need to be legible at smaller sizes. If your full logo is too complex for mobile, consider using a simplified version or just the icon/symbol portion.

Footer logos are typically the same file as the header logo but may display at a smaller size, around 100 to 200 pixels wide. Some sites use a monochrome version in the footer for visual hierarchy.

Open Graph (OG) images, the preview that appears when your page is shared on social media, should include your logo at a recognizable size within a 1200 by 630 pixel image. The logo itself usually occupies about 200 to 400 pixels of width within that composition.

Favicon Dimensions

Favicons are the small icons that appear in browser tabs, bookmark lists, and home screen shortcuts. Modern favicon requirements have expanded beyond the original 16 by 16 pixel ICO file.

For browsers, provide a 32 by 32 pixel PNG as the baseline. Modern browsers will also use a 16 by 16 version for certain tab displays. An SVG favicon, supported by all major browsers except Internet Explorer (which is discontinued), scales perfectly to any size and is the recommended primary favicon format.

For Apple devices, a 180 by 180 pixel PNG is needed for the Apple Touch Icon, which appears when users save your site to their home screen. Android devices use a 192 by 192 pixel PNG, specified in the web app manifest file. For the highest quality on newer devices, a 512 by 512 PNG is recommended in the manifest.

Favicons need to work at extremely small sizes, which means only the simplest element of your logo will be recognizable. Most brands use their logo icon, monogram, or first letter for the favicon rather than the full logo with text.

Social Media Logo Dimensions

Every social media platform has specific size requirements for profile images. Uploading at the exact recommended size avoids quality-degrading automatic resizing. These dimensions are accurate as of mid-2026 but platforms update their specifications periodically.

Facebook profile photos display in a circle at 176 by 176 pixels on desktop and 196 by 196 on mobile, but should be uploaded at 320 by 320 pixels minimum. Facebook cover photos should be 820 by 312 pixels for desktop and 640 by 360 pixels for mobile. Design for the overlap area where both crops look correct.

Instagram profile photos display at 110 by 110 pixels but should be uploaded at 320 by 320 pixels. The circular crop means your logo needs adequate padding to avoid important elements being clipped at the edges.

LinkedIn company page logos should be 300 by 300 pixels. LinkedIn cover images should be 1128 by 191 pixels. Personal profile photos use 400 by 400 pixels.

X (formerly Twitter) profile photos display at 400 by 400 pixels with circular cropping. Header images should be 1500 by 500 pixels.

YouTube channel icons should be 800 by 800 pixels. Channel art (banner) should be 2560 by 1440 pixels, with the safe area for all devices being the center 1546 by 423 pixels.

For all social media, export as PNG with the highest quality settings. Most platforms apply JPEG compression to uploaded images, so starting with the best possible quality minimizes the cumulative degradation.

Email Signature Dimensions

Email signature logos should be 200 to 400 pixels wide for most email layouts. The exact width depends on your signature design, but going beyond 400 pixels risks the logo dominating the signature or causing layout issues on mobile email clients.

Height should be proportional to width, typically 50 to 100 pixels for horizontal logos. For square or vertical logos, keep the total height under 120 pixels to prevent the signature from becoming excessively tall.

Always use PNG with a transparent background. JPEG forces a white background that clashes with dark mode email clients. The file size should be under 50 kilobytes to avoid slow loading and potential flagging by spam filters that monitor total email weight.

Print Dimensions and DPI

Print dimensions are specified in physical measurements (inches, millimeters) combined with resolution in DPI (dots per inch). The standard for commercial printing is 300 DPI at the final printed size.

For business cards, the standard US size is 3.5 by 2 inches. At 300 DPI, the full card is 1050 by 600 pixels. A logo typically occupies 1 to 2 inches of width on a business card, requiring 300 to 600 pixels of width at 300 DPI.

For letterheads (8.5 by 11 inches), the logo typically appears in the header area at 1.5 to 3 inches wide, requiring 450 to 900 pixels at 300 DPI.

For large-format printing such as banners, trade show displays, and signage, the DPI requirements are lower because these items are viewed from a distance. A banner at 72 DPI looks sharp from 6 feet away. A billboard at 15 to 30 DPI looks sharp from highway distance. However, vector files are strongly preferred for large format because they eliminate DPI calculations entirely.

Vehicle wraps typically require artwork at 100 to 150 DPI at the full vehicle panel size. For a van side panel at 8 by 4 feet, that means the overall artwork file is approximately 9600 by 4800 pixels, with the logo occupying a proportional area. Again, vector is strongly preferred.

Merchandise and Apparel

Screen printing requires vector files (EPS or AI) for the best results. The vector outlines are used to create physical screens, one per ink color. If raster files must be used, provide at least 300 DPI at the final print size.

Embroidery requires vector files converted into stitch files by the embroidery vendor. The logo will be reproduced in thread, which means fine details smaller than about 1 millimeter may not be reproducible. Simplified versions of complex logos work better for embroidery.

Promotional products (mugs, pens, USB drives, etc.) usually require vector files. The print areas on these products are small, often just 1 to 3 inches, so logos need to be clear and legible at small sizes.

Exporting at the Right Size

The best workflow is to maintain your logo as a vector master file and export raster versions at the exact dimensions needed for each application. Do not enlarge small raster files to meet larger size requirements, as this always produces quality degradation. Always export from the vector original at the target size.

When exporting PNG files, use the "Save for Web" or "Export As" function in your design software rather than simply resizing the artboard. These export functions apply proper anti-aliasing and optimization that produce sharper results at the target dimensions.

For web use, export at exactly 2x the display size to support retina screens (for example, export at 600 pixels wide for a logo that will display at 300 pixels wide). For print, export at 300 DPI at the physical print size. For social media, export at the exact pixel dimensions the platform specifies.