Get started by: Creating a website → | Getting a domain →
While one logo design can serve as the face of your brand, there is no one-size-fits-all that applies to every context. Whether your logo appears on your website header, Instagram posts, web browser or is printed on tote bags, it should retain its integrity and always look professional, regardless of its size.
Understanding logo sizes and preparing different variations for any medium will not only enable you to resize and scale your design with ease, but ensure that your logo always lives its best life and reflects your corporate identity. Using a free logo maker you can create your own logo that will automatically be sized for social media, websites and print without needing to be a web design expert, or know graphic design. You can learn more in our guide to the Wix Logo Maker. Here, we’ll cover some logo size fundamentals and best practices.
Logo size essentials
Overall, the key to good logo design is scalability, balance and versatility. Before we jump into the size specifics, here are a few basic concepts to consider when designing a logo:
Have logo variations
Since various platforms have different requirements, preparing several versions of your logo design allows for adaptability. Having a logo lockup will help with consistency by maintaining a formal version of your logo elements, which can then be modified accordingly. Here are some versions to use:
Size variations
Horizontal (landscape), vertical (also known as stacked), icon (sometimes called submarks or brandmarks or symbol), emblem or favicon.
Color variations
Black, white grayscale, monochromatic, transparent background and colored backgrounds.
Logo type variations
Different types of logos can be adapted for diverse uses. For example, your master logo design may have a wordmark version with just your company name or a version with your slogan, and one without.
Understand file formats
You’ll want to have your logo design saved in vector files, such as PDF or SVG, which are optimal for scalability. Vector files can serve as the master copy of your design and can be easily reformatted or resized to other file formats such as JPGs or PNGs, without losing quality.
You can read up on different types of files to understand which one is right for specific purposes. In general, PNG is the best format for digital spaces because it’s transparent, making it much more adaptable.
Pay attention to resolution
Here is a quick overview of some basic resolution concepts:
PPI (pixels per inch) refers to how many pixels will appear in a single inch of any digital screen. PPI, also known as pixel density, is used to measure the clarity of images. The higher the PPI, the greater the detail will appear in the image.
DPI (dots per inch) is another way to measure clarity, but on paper. This is an important measurement for any printed versions of your logo, as it will determine the dots of ink.
Resolution is the total number of pixels that will appear on the screen. It is always measured in both width and height, so it will always be written as 500 x 500 px, for example.
Bytes refer to the actual file size and can be measured in kilobytes (KB), megabytes (MB) and gigabytes (GB).
Size down
Keep in mind that it’s much easier to start with a large size and go smaller, rather than trying to expand one that is too small. You can use an image resizer to help make adjustments and edit your images.
Remember to also keep in mind ratios when deciding on your logo size. In logo design, the term "ratio" typically refers to the proportional relationship between the various elements that make up the logo. Maintaining proper ratios is crucial to creating a balanced and visually pleasing logo experience for your users. An example of this is aspect ratio, which refers to the proportional relationship between the width and height of the logo. It's expressed as a ratio, such as 1:1, 3:2, 16:9, etc. For example, a square logo has an aspect ratio of 1:1, meaning its width and height are equal. Aspect ratios are essential for ensuring your logo looks good across different mediums and platforms including mobile phones and devices, as it allows for easy scaling without distorting the design.
Avoid too much detail
Logos with too many intricate details can be difficult to resize and can appear blurry in smaller versions. This is particularly true when using your logo on social media. Make sure the focus is clear.
Keep your logo consistent
Since your logo will appear in different locations in a range of sizes, it’s important to clearly outline your brand style guide, which includes all of your branding assets. Following these guidelines will ensure brand consistency, and help develop brand awareness, regardless of your logo size. Clear guidelines also make sure that anyone else who uses your logo knows how to keep it aligned.
Subscribe to the Wix blog for a weekly dose of fresh web design tips and trends.
Logo sizes for websites
Having your logo on your website is a great way to instantly greet your visitors, and let them experience your brand right from the first click. Whether you use it in your header (sometimes called the navigation bar), or favicon (the small icon that sits in the search bar tab next to your URL), your logo represents your brand wherever users are within your site.
Remember, you'll also have visitors to your mobile site who view it on their smartphones or tablets, where your logo may appear even smaller. Ensuring you have the highest quality image will create an optimal user experience.
In general, for online purposes, your logo size should be under 200 KB. The larger your image file is, the heavier it is, which makes it more challenging for websites.
Here are some logo size guidelines for websites:
Header
If you are using a website builder, the specifics may vary from one platform to another. With Wix, and most other platforms, it’s recommended to use SVG files that can easily be resized without losing quality. These files come with a transparent background, which means you must make sure they do not blend into the page background.
When using your logo in your website header, keep these things in mind:
Placement: Left-aligned is the most common and recommended option for logos in headers. This is especially true for websites in languages that read left-to-right. Center-aligned logos may also work, depending on your overall layout and design.
Hyperlink home: Be sure to link your logo back to your homepage to optimize user experience.
Use your logo elsewhere: While the header and favicon are the most popular places to use your logo on your website, you can also include it in your footer, designed into buttons or icons, or even integrated into your product pages.
In general, website logos can be any size, however the recommended logo dimensions for a web page are 250 x 150 px. Remember that your logo will not take up the entire width of a website, banner or layout, rather it should be included in the overall design.
In logo design, the term "dimension" refers to the physical size of the logo, usually measured in width and height. The dimensions of a logo are crucial considerations because they determine how the logo will appear across different applications, platforms, and media.
Here are the standard measurements for websites:
Vertical layout:
160 x 160 px
Horizontal layout:
250 x 150 px
350 x 75 px
400 x 100 px
Favicon
Favicons contribute to your branding efforts and help visitors immediately recognize your site. When using a logomaker, you’ll automatically receive a favicon file that will always have a transparent background. socia
Standard favicon sizes are: 16 x 16 px (most common)
32 x 32 px
48 x 48 px
The ideal favicon file format is JPEG or PNG
Mobile app icons
Your website may use a mobile app, so your logo will likely need to be adjusted to fit appropriately into the app icon. You can create an app that allows you to customize your icon using your own logo.
Here are the standard sizes for most mobile app icons:
Android Launcher: 192 x 192 px
Android Play Store: 1024 x 500 px
Android Play Store Logo: 512 x 512 px
Apple App iPad + iPad mini X2: 152 x 152 px
Apple App Store iPad X2: 167 x 167 px
Apple App Store iPhone X2: 120 x 120 px
Apple App Store iPhone X3: 180 x 180 px
Apple App Store X1: 1024 x 1024 px
Apple iPad Mini: 768 x 1024 px
Apple iPad Pro: 2048 x 2732 px
Apple iPad Retina: 1536 x 2048 px
Apple iPhone 4: 640 x 960 px
Apple iPhone 5, SE: 640 x 1136 px
Apple iPhone 6, 6s, 7, 8: 750 x 1334 px
Apple iPhone 6, 7, 8 Plus: 1242 x 2208 px
Apple iPhone X: 1125 x 2436 px
Email signatures
Including your logo within your email signature not only appears professional, but solidifies your branding efforts through every touchpoint.
When communicating with clients via your business email, there isn’t one standard size for email signatures, however it’s recommended to have your logo image file no larger than 320 px by 70 -100 px.
It’s also ideal to use a PNG file format that doesn't exceed 10 KB. This is to ensure that your logo will look great even on mobile devices.
Logo sizes for social media
Social media presents an incredible opportunity to use your logo both strategically and effectively, since every platform uses some kind of profile picture. Optimizing your logo size for each social media channel will ensure your logo looks its best at all times.
Whenever you use your logo on social media, be sure to pay attention to the formatting of each. In some cases, specific types of logos may need to be adjusted accordingly. For example, if you have a wordmark logo, you might think about using a monogram version instead (similar to your favicon).
You can read our complete guide to social media sizes, here we’ll take a look at the standard dimensions for social media logo sizes:
Profile photo: 180 x 180 px
Cover photo: 820 x 310 px
Ideal file type: PNG
Note that your Facebook profile photo displays at 170 x 170 pixels on your page on computers and 128 x 128 px on smartphones.
Profile Photo: 110 x 110 px
Ideal file type: JPEG
It’s important to note that Instagram converts all files to JPEG. In addition, your Instagram profile pictures are circular. If your logo contains elements that might be cropped out, this might be a time to consider using a monogram or icon version of your logo.
Profile picture: 400 x 400 px
Background picture: 1584 x 396 px
Max: 10 MB
Ideal file type: JPG, PNG or GIF
Profile picture: 400 x 400 px
Max: 5 MB
Ideal file type: JPG, GIF or PNG
Profile picture: 165 x 165 px
Max: 10 MB
Ideal file type: JPG and PNG
TikTok
Profile photos: 20 x 20 px (minimum)
Ideal file type: JPG or PNG
When adding a profile photo or video to TikTok, be aware that your image won’t be visible on your profile if you use video or GIF.
YouTube
Channel profile picture: 800 x 800 px
Ideal file type: JPG, PNG, GIF, or BMP
Use a YouTube Logo Maker so you can get it right without worrying.
Google My Business
Profile picture: 720 x 720 px (minimum resolution :250 x 250 px)
Max: 5 MB
Ideal file type: JPG or PNG
Not all businesses qualify to upload and customize their company logo. You can read up on the Google photo guidelines to see if your business has permission.
Etsy
Profile picture: 400 x 400 px
Max: 10 MB
Ideal file type: JPG, PNG or GIF
According to the Etsy bio and profile picture guidelines, make sure your original image is a square, or your profile picture will be distorted on the site.
Logo sizes for print
From business cards and packaging, to merchandise and advertising, anytime you print your logo you want it to be properly formatted.
When printing your logo, you’ll want to use an SVG file. As mentioned above, this file type is infinitely scalable and won’t decrease in quality— regardless of how much you expand or decrease it. This is particularly important because if you print something for a magazine compared to a billboard, they should always have the same quality.
In most cases, professional printers will work with you to resize or make necessary adjustments, which is why having high-quality vector files is even more important. Furthermore, having different versions of your logo design is very relevant, in order to format each unique space.
It’s also important to pay attention to your logo colors in print which use CMYK (cyan, magenta, yellow and black) color mode, compared to RGB (red, green, blue) in digital formats. In general, it is recommended to always design your logo in CMYK, which is easier to transition into RGB. You can select colors using Pantone Matching System in order to avoid printing inconsistencies. Check out these logo color ideas for some inspiration.
While your printing needs will vary, there are a few standard logo sizes to keep in mind:
Branded merchandise
Using a business card maker you can design your own cards, as well as customized merchandise. Simply upload your logo into this helpful tool, and you’ll be provided with options to print and ship right away. Remember that you will not print your logo to the entire size, but consider the print area.
Below are some of the standard print sizes:
Business cards: US Standard: 3.5 in x 2 in.
Mugs: Standard 11 oz mug: 7.5 in x 3 in.
Hats: Hat sizes and types may vary, so a logo size around 3-3.5 in wide is recommended.
T-shirts: The maximum size for the print area is 14 in x 15 in. You can also consider printing a logo on a chest pocket, which should measure around 4 ⅜ in x 5 ⅜ in.
Tote bags: Ideal print area on a standard bag is 14 in x 16 in (sizes may vary depending on the bag).
Letterheads: A4 (most common letterhead size) 210 mm x 297 mm.
Standard letter size (US): 8.5 in x 11 in.
Envelopes: Standard business size envelopes are no.10 – 4 ⅛ in x 9 ½ in.
Tips for choosing the right logo size
Choosing the right logo size is crucial for maintaining brand consistency and ensuring your logo looks its best across all platforms. Here are some tips for choosing the right logo size:
Consider the medium: Think about where your logo will be displayed most often. If it will be used primarily in print, you will need a larger size than if it will be used primarily on the web.
Maintain consistency: Use the same logo size across all of your marketing materials to create a consistent brand identity.
Make sure your logo is scalable: Your logo should be able to be enlarged and reduced without losing its quality. This is especially important for logos that will be used on a variety of media. Use vector graphics (.svg or .eps files) for your logo, as they can be scaled infinitely without losing quality. This ensures your logo looks sharp on any platform, from small mobile screens to large billboards.
Responsive design: Consider responsive design principles when using your logo on websites. This means adapting the logo size to different screen sizes and devices, ensuring it maintains proper visibility and legibility.
Preview on different devices: Preview your logo on various devices, including smartphones, tablets, laptops and desktops, to check how it scales and appears on different screen sizes.
Get feedback: Ask others to look at your logo and give you their feedback. They may be able to spot any issues with the size or proportion of your logo.
Logo size FAQ
What is the standard size for a logo?
A good rule of thumb is to create a logo that is 200-300 pixels wide. This size is large enough to be visible on most screens and devices, but it's not so large that it takes up too much space.