We are expanding our business. Launch Anyleads in white label with your own logo and colors. Create your own lead generation software.
Discover the Anyleads suite | Find emails, verify emails, install a chatbot, grow your business and more!.
blog

What size should Logo be for email signature?



What size should Logo be for email signature?


For a long time, the standard email signature size for any HTML email was 600 pixels wide. This is because most people's monitors were 1024x768 or 1280 x 800 at best—and even if they weren't, many users would have set their browser window widths accordingly.

But, it isn't as cut and dry as it once was; we've come across more cases where you'll want your signature to take up less space than that now. The reason why is simple—you can send them out via SMS, use Gmail filters, and lots of other reasons. Plus, there are some cool tricks you can play with CSS these days to get whatever sized background you like without having to mess around with images. Here's how to control your email signatures on Gmail, Hotmail/Outlook, Yahoo! Mail and others...

Note: If you're using Microsoft Outlook (Hotmail), please note that this article assumes you're using Internet Explorer 8 or higher.

How do I resize an image in my Google signature?

If you have an image saved locally, just drag-n-drop it into the body of your message. It will automatically scale down to fit inside the box, but if not, simply click anywhere on the image itself and then select Image " Size from the menu bar. You can also choose Resize image by percentage or enter exact pixel measurements yourself. Once you chose one option, all future versions of that image within that same post will display at that new resolution too.

You can also upload an image from elsewhere online, such as Flickr, Picasa, Facebook etc., and create a link to it by clicking Insert " Linked Images. From here, you can select the source file and adjust its height and width before inserting it wherever you'd like.

Finally, if you don't feel comfortable doing anything above, you could always try resizing your text instead. Hit Ctrl + T to open the Text tab, type what you need, hit Enter when done, and voila—your text should shrink to suit your needs.

How do I change the size of my email signature?

The easiest way to do so is through Gmail Labs. Go to Settings -" Forwarding and POP / IMAP Email Options, scroll down until you see Signature settings, and expand the dropdown menu. Now you can customize each individual section to fit your preferences.

Customization options include setting a custom width, specifying whether your name appears first, adding contact information, changing font style, adjusting margins, and much more.

Check out our full guide to tweaking your email signature in Gmail for more tips.



How do I make my signature smaller?

This question comes back again and again, which may indicate that no single answer works well enough in every case. However, there are two general things to keep in mind. First off, remember that your recipient probably doesn't care about details like the dimensions of your image, unless those dimensions matter to the design process. Instead, focus on making sure everything looks good. Second, remember that while em sizes work fine for fonts, they aren't ideal for images. They look better in browsers, but often won't print correctly. For example, let's say you wanted to reduce your header photo to 100% width and 300 px high. In order to maintain the correct aspect ratio, it might end up being something like 80%. That means you'd only have 20% left over after shrinking the photo. Depending on the quality of the picture, this could result in either bad looking edges or a lot of wasted space. To avoid this problem, stick with fixed ratios, such as 1:1, 4:5, 5:4, 16:9, 9:16, 3:2, etc., especially since older web pages tend to preserve those proportions better anyway.

Lastly, take advantage of responsive designs whenever possible. Responsive designs allow sites to dynamically adapt to different screen resolutions. When someone opens an email on an iPhone or iPad, for instance, they expect certain elements to appear slightly differently than on desktops. By default, emails sent via mobile devices usually feature small photos, short paragraphs of text, and little else. These styles help conserve bandwidth and battery life, and can enhance readability. And while you can certainly still add graphics to these emails, they shouldn't necessarily dominate the layout.

How do I make my Google signature smaller?

Google recently changed the URL structure of their sign-in page. Before, if you typed https://www.google.com/accounts/VerifyEmail directly into your address bar, you would arrive at your account login page. Now however, this takes you to a separate verification page where you must verify your identity and access your account. On this second page, Google gives you the choice to enable or disable its services, including Google Apps.

So, if you've ever added your own domain name to your Google Account, you've likely noticed that the resulting URLs became longer and included your personal domain name. Unfortunately, this makes sense given that it represents the company who owns the website. So, if your goal is to remove your personal domain from URLs altogether, you will have to edit all instances manually. Fortunately, removing domains from URLs is fairly easy to do. Simply follow the steps below:

Go to http://support.google.com/chrome_browser/?hl=en#topic=2848983

Click View next to Original Address Field to show original addresses

Select Remove Domain Name

Once complete, you can delete the unnecessary characters from the right side of the field. When editing the remaining part of the URL, note that you cannot paste additional items between &domainname& and.co,.net, or another supported top level domain. Also, you cannot replace existing subdomains like mail or calendar—they must remain intact. Lastly, if you decide to leave the old domain name behind, you should make sure to enable Allow Untrusted Certificates under Advanced Security Settings. Otherwise, your computer will reject connections containing a certificate signed by non-trusted third parties.

One final tip for anyone trying to squeeze extra room out of their signature: use line breaks to split sections of large text. Most email clients will ignore spaces anyway, and line breaks are invisible to readers.

Have questions about sizing your logo properly? Check out our free graphic designing course and learn how to draw and design your perfect vector art in Illustrator.

Image Credits:

Logo courtesy of John O'Nolan Design Studio [http://johnonlinndesignstudio.weebly.com]

Signature Courtesy of The Grid System [https://thegridsystem.com/signatures]

Background Photo Credit: Shutterstock

If you're using Gmail or Yahoo Mail (or even AOL), your email signatures look something like this:

This is because for a long time, the standard email signature size for any HTML email was 600 pixels across. However, that's not quite true anymore -- we've found out what exactly works best in terms of maximizing open rates, and here are some guidelines on how big your email signature can get without looking too cluttered or small.

The first thing to keep in mind when creating your email's signature is that there aren't many hard-and-fast rules about which dimensions work best with which platforms. The most important aspect is ensuring people have enough space to read everything they need to know before hitting "reply" to your message. Some experts argue that if your text fits within one screen then it's too narrow, but others say that anything below 200 pixels wide doesn't offer enough information. So, our advice would be to err towards more information rather than less, especially since there's no way to force anyone to see the whole email anyway.

With all that being said, let's take a look at what kind of images might make sense for different types of emails.

What size should an image be for Outlook signature?

Outlook users tend to use their default browser settings whenever sending messages from their inboxes, so it stands to reason that any email marketing tools will also follow those same guidelines. For example, Hootsuite uses roughly 500x300 pixels to display user profiles, while TweetDeck has its own set of specifications based around Twitter's 140 character limit. As such, these two services generally stick to 800 x 450 pixels, whereas LinkedIn tends to go with 970x610 pixels.  Hover over each service's profile picture to view the exact measurements.

As far as images go, there really isn't much difference between email clients aside from the aforementioned sizes. If you want to ensure maximum compatibility, try sticking to 300 pixies wide, though feel free to adjust up or down depending on your needs.

What size should an image be for an email signature?

You'd think this wouldn't matter much, but remember that everyone uses slightly different screens every day. You may find yourself trying to send an email to someone who checks their mail on a 10 inch tablet, where 1024x768 pixels becomes significantly smaller than 1366x1024pixels. In other cases, you could end up sending an email to someone who only sees a tiny 4 inch smartphone screen, so 1024x576 pixels might seem a bit bigger than 900x532 pixels.

Because of this, it's always worth keeping in mind whether or not your recipient will actually be able to see your entire email or just part of it. That's why we typically suggest going wider instead of narrower unless you absolutely need specific pixel counts. After all, you don't want to waste precious vertical real estate by displaying an unimportant sidebar icon.

What size should a signature logo be?

While a few things remain constant regardless of platform, the rest varies wildly. Generally speaking, however, you'll probably want to aim for somewhere between 30x30 pixels and 100x100 pixels. A larger logo might fit better into large mobile devices' displays, but a smaller logo offers greater clarity for desktop viewers. And, of course, your logo shouldn't exceed the width of whatever device it's meant for! Otherwise, you risk losing important content.

On top of that, logos usually come in either high resolution PNGs or JPGs, so it's recommended that you avoid lossy compression techniques like JPEGs. When possible, opt for higher quality versions of your files. Most importantly, make sure your file is cleanly scalable -- meaning that it won't lose sharp edges when scaled. This makes it easier for recipients to crop parts of the logo to suit their preferences.

However, unlike screenshots, sometimes it's necessary to shrink your logo down. Unfortunately, doing so often results in jagged edges that create unsightly artifacts. To fix this problem, simply run your image through a photo editor like Photoshop, GIMP, Paint.NET, or Pixlr EZ to reduce the number of colors per line of pixels. Then, save the new version under.GIF format and upload it back onto your website. It should now retain smooth scaling without losing detail.

How do I resize my logo for my email signature?

Unless you plan on resizing your logo beforehand, you'll likely want to leave it alone once you receive it. Since your logo must adhere to a certain amount of pixels in order to appear properly, changing the original size will cause problems later on. Instead, we recommend uploading it to Imgur (which allows us to easily convert GIFs) and cropping it manually.

Once uploaded, click the Edit button next to the Original field. Select Crop & Resize, check the box labeled Use custom size, choose your preferred height and width, and hit Save Changes. Once saved, upload the cropped version of your logo directly onto your site.

Keep in mind that if you're working with vector graphics, you can scale them to the desired dimension via Canva. Simply search for your graphic, right-click on it, select Convert to Vector Graphic..., and then pick Custom Size followed by Upload New File. From there, you can drag the corners inward until your design fills the entirety of your chosen dimensions.

One last word of warning: Don't alter your logo unless you absolutely have to. Although minor alterations can help improve its appearance, altering a logo's color palette, rotating it, adding effects, etc., can result in a total disaster! Not only does it ruin the integrity of the design, but it also confuses customers who are expecting a particular shade of blue. Doing so is a lot like taking photos of food and calling them "artwork." Just ask yourself, "Would I eat this?"

Do you still struggle with finding the perfect email signature? Check out our guide explaining the basics of creating professional email signatures. Also, signup for Email Signature Maker, a tool designed specifically to simplify the process of designing beautiful, consistent email signatures. Last but certainly not least, be sure to download our handy Chrome extension called Email Signature Shortcut. With it, you can instantly add cool email signatures to your outgoing messages. Now that's convenient!

Have you ever wondered how you came up with your current email signature? Take a peek at How I Made My Beautiful Email Signatures Using Microsoft Word. Did we miss any good tips? Leave us a comment below!

When you send an outgoing message on Outlook, your default email client will automatically add your company's contact information at the top of each new message that you compose. The process works like this : you type "Dear Sam" or whatever else into the subject line, hit enter and then select "Insert Contact". This adds your name (in bold) with the rest of your details beneath it. If you want to change anything about how this looks, such as adding a different font style, color scheme, etc., there are several ways to customize your outlook email signatures. Here's one way to make sure yours has room for your logo.

The problem comes when sending emails from other clients using html templates. For example, if you're working for a small business without much money, you may have been stuck with a very limited choice of email providers or services. In these cases, we highly suggest finding out what the minimum requirements are for the service you use before attempting to scale up. However, most people know that they can't afford not to have their own custom-designed email signatures.

So, here's our guide to making sure that your email signature fits everything you need while also looking good!

Why is my logo so big in my email signature?

Logos are typically designed with high resolution images in mind. When designing them, many designers try to keep file sizes under 100kb. It makes sense since smaller logos take less bandwidth to download over slow internet connections. Unfortunately, when pasting them onto email signatures, image files often end up being blown up beyond recognition. As your recipients open up their inboxes, they see huge photos instead of tiny text. To solve this issue, first ask yourself whether or not this really needs to appear exactly as it does in your design. Is it too large? Are you trying to cram too much info into a single image? Can you break down your branding more effectively by creating multiple versions of smaller icons? You might consider splitting things up between PNGs and JPEGs, which both allow users to zoom in on elements individually.

If you've got a larger amount of space, however, your best bet would probably be to create a full-size version directly within Photoshop or Illustrator. These programs provide tools specifically meant to help designers create pixel-perfect assets that look great no matter where they get published.

How do I size my logo in Apple Mail Signature?

This question gets asked all the time, but unfortunately there doesn't seem to be a definitive answer. There are some who say 800x600 px, others claim 1024x768px, and still others insist that 1125 x 864 pixels is sufficient enough. So, unless you find someone online who knows for certain, you'll just have to play around until something seems right for you. That said, if you want to give it a shot, go ahead and test it out at various resolutions - once you figure out how it looks, stick to those dimensions.

As far as actual sizing goes, the general consensus is that somewhere between 300-500 pixels is ideal. Obviously, depending on how close your viewers' monitors tend to sit to each other, you could always increase this further. Just remember that scaling down means losing quality and vice versa.

How do I size my logo in Yahoo Messenger email signature?

In order to ensure compatibility with Yahoo Messenger, set your width to 640px and height to 480px. Anything wider than that may cause problems with picture resizing. Keep in mind that these guidelines only apply to Yahoo Messenger; if you're using another messenger program, you should consult its specifications regarding recommended dimensions.

How do I size my email signature?

Since most webmail companies now offer users the option to turn off automatic email signatures altogether, you won't ever have to worry about worrying about the wrong dimensions again. Regardless of the platform you choose, you'll likely still need to include your personal details at the bottom of every outgoing message. Fortunately, there are plenty of options available to accomplish this task. Some popular choices include :

Google Docs signatures. Since Google offers free accounts, chances are you already have access to a decent sized signature field through your account settings. Simply click File & Preferences, Personal Document Settings and scroll down the left sidebar menu towards Signatures. From here, you can input your preferred formatting.

Apple Mail signatures. Like most webmails, AppleMail allows users to disable the feature entirely. Go to Mail & Preferences, Accounts and uncheck Show Email Signature box. Then, simply follow the same instructions outlined above for Microsoft Outlook.

Yahoo Mail signatures. Similar to AppleMail, YahooMail lets users opt out of signing messages completely. Instead, head straight to Account Information & Edit Your Info page and remove the checkmark next to Enable Signatures.

Zoho Mail signatures. Zohomailers can easily edit their preferences by going to Tools & Preferences followed by the General tab. Scroll down until you spot the section labeled Email Signature and remove the checkmark next to Use One.

Microsoft Hotmail signatures. With MSN Hotmail, your signature area is located under Account Options & View My Profile. Click More... and scroll down to Signature. Remove the check mark next to Turn Off Signature.

AOL Mail signatures. AOL Mail accounts don't come equipped with email signatures per se, though if you happen to sign up for an AIM address, you'll run into the exact same issue. Head to the main pane of your profile by clicking Users & Profiles and find your profile icon. Hit Edit Email Address and delete the checkmark next to Send a Newline after Recipient Name.

Gmail signatures. Once signed into Gmail, head to the gear icon situated beside your search bar and click Settings. Select Labs " Default signatures. Uncheck the box next to Do Not Disturb Me!, then click Save Changes.

Remember, whenever possible, avoid including unnecessary graphics in your signatures. If you absolutely must, try inserting them as links to separate pages. Also, never forget to optimize your code by removing unused whitespace, comments, empty lines, blank spaces, extra semicolons, etc. Lastly, keep all of your important keywords near the beginning of your document. This ensures that they remain visible even when zooming in on your signature.



How do I resize my signature in Gmail?

First, let's discuss why your logo ends up getting scaled down so drastically. Unlike websites where you can specify heights and widths to prevent stretching, email signatures work differently because they're sent via HTTP. This means that the content itself determines the dimensions of the resulting email. Consequently, when it sends your signature back to your recipient, the browser scales it up according to its default setting. Most browsers will stretch images to fit the entire screen unless otherwise specified, regardless of what kind of device it was received on. Furthermore, if you had a lot of white space in your original design, it will usually become filled with solid colors. Finally, if you were hoping to save on bandwidth costs, think twice before doing this. Allowing the user to view your signature at full size actually helps to reduce data usage overall.

Now that you understand why this happens, there are two solutions to choosing the correct dimensions. First, if you'd prefer a specific aspect ratio, you can adjust the width manually and leave the height alone. Second, if you aren't concerned about maintaining the aspect ratio, feel free to experiment with the height. However, keep in mind that your layout may start appearing stretched if done incorrectly. Try putting your logo inside a table cell with a fixed height. Or, better yet, put your logo along side a background graphic and align everything horizontally.

Either way, you shouldn't expect results identical to what you get on your computer screen. After all, computers display images based on percentages. Therefore, if you decide to alter the height, you'll want to make sure that your proportions stay similar to your desktop monitor. Otherwise, your viewer may notice weird artifacts caused by incorrect mapping.

Lastly, if you're wondering where to place your signature, it's generally accepted practice to insert it below the body copy. This prevents it from overlapping with any navigation menus, ads, etc. Be aware that this varies slightly among companies. Usually, it's fine to place your signature anywhere that feels natural.

To recap, here are the final steps :

Make sure your logo is saved as either a JPG or a GIF.

Choose a dimension between 300-500 pixels. Don't shrink the photo down excessively!

Ensure that all fonts and colors correspond with your brand standards.

Don't forget to clean up excess whitespace and duplicate objects.

Place your signature below the body copy.


Author

Mathieu Picard

CEO, Anyleads, San Francisco

We are the leading marketing automation platform serving more than 100,000 businesses daily. We operate in 3 countries, based in San Francisco, New York, Paris & London.

Reviews about this page


Write your review below

Cancel my review
Thanks! Your review will be reviewed and added to the website soon.

Average rating:
0 / 5, 0 reviews

Join Anyleads to generate leads

Error! Impossible to register please verify the fields or the account already exists.. Error, domain not allowed. Error, use a business email. Welcome to the Anyleads experience!

More than +200 features to generate leads 😍

illustration
Anyleads
Enrichment data software to find emails

The perfect product to generate high quality leads from B2B to B2C.

  • Access / extract from more than +15M B2B companies.
  • Extact local businesses from Google Maps.
  • Find company domains from names.
  • Get all employees emails from a list of domains.
  • Send all the data to your CRM via Zapier.
illustration
Anyleads
Email, phone & social media extractor

Extract emails, phones on the page of websites and download it to Excel or CSV.

  • Upload a list of websites to extract emails.
  • Export phone numbers from landing page.
  • Export social media urls (Facebook, Instagram ..) from pages.
  • Export to CSV or Excel in one click.
  • Send the data to your CRM or other software.
illustration
Anyleads
Find emails from first name, last name and company name

Discover emails from a CSV from 3 columns (first name, last name, and company name).

  • Upload big batch of CSV online to find emails.
  • Email discovery is fast and build emails from patterns.
  • Find valid emails from 3 data points.
  • Export to CSV or Excel in one click.
  • Send the data collected to your CRM or any software.
illustration
Anyleads
Chatbot solution to capture and convert visitors into leads

Transform your visitors into leads by capturing information from them.

  • Install unlimited chatbot to capture unlimited leads.
  • Customize the scenario of your chatbot.
  • Customize the color, position and the widget.
  • Export the leads into Excel or CSV.
  • Send directly the leads captured to your CRM or any software.
illustration
Anyleads
Daily registered domains with leads information

Discover each day thousands of new companies registered on Internet.

  • Prospect new businesses registered on Internet.
  • Transfer leads to campaigns to send emails on it.
  • Thousands of new leads uploaded each day.
  • Export all the leads into Excel or CSV.
  • Send collected data to your CRM or other software.
illustration
Anyleads
Online review management to get more online reviews

Capture reviews from visitors, and increase your reviews on Google and Facebook pages.

  • Install and customize the widget on your website.
  • Collect more reviews, increase your SEO position.
  • Grow your Facebook page and Google page.
  • Export reviews into Excel or CSV.
  • Send reviews directly to your CRM.
illustration
Anyleads
Sequence (cadence) / newsletter campaigns tool

Send newsletter or sales emails with automatic follow ups.

  • Create unlimited campaigns and connect unlimited senders.
  • Warm up feature to increase your deliverability.
  • Send personalized images with our image personalization tool.
  • Send events to your CRM such as opens, clicks and replies.
  • Generate more sales meeting with automatic follow ups.
illustration
Anyleads
API to prevent fake emails registration on your service

Each time someone registers to your service, ping this API to verify if the email is correct.

  • Verify if an email exists to prevent fake emails.
  • Export results into Excel or CSV.
  • Ping in real time our API or plug it in your system.
  • Instant email verification.
  • Send collected data to your CRM or other software.
illustration
Anyleads
Social proof notification widget tool

Generate and display notifications on your website to show random messages to your visitors. This will increase your sales and credibility.

  • Add unlimited websites.
  • Add unlimited notifications.
  • Create geo-targeted notifications.
  • Display random fake notifications.
  • Send collected data to your CRM or other software.
illustration
Anyleads
Extract B2B emails from B2B social media

Extract emails and contact from B2B social media. Find new leads in one click and create targeted lists.

  • Create unlimted lists, filter by country, industry, size and job title.
  • Hyper targeted lead generation.
  • Generate B2B and B2C lists in one click.
  • Super fast emails generation.
  • Send leads to your CRM or other software.

Start generating leads with our software

Create your account and start your 7 day free trial!

Error! Impossible to register please verify the fields or the account already exists.. Error, domain not allowed. Error, use a business email. Welcome to the Anyleads experience! By registering you agree to the Terms and conditions agreement.

More than +200 features to generate leads 😍

We offer multiple products for your lead generation, discover them below!

>> Unlimited access to all products with one single licensecheck our pricing.

illustration
Anyleads
Enrichment data software to find emails

The perfect product to generate high quality leads from B2B to B2C.

  • Access / extract from more than +15M B2B companies.
  • Extact local businesses from Google Maps.
  • Find company domains from names.
  • Get all employees emails from a list of domains.
  • Send all the data to your CRM via Zapier.
illustration
Anyleads
Email, phone & social media extractor

Extract emails, phones on the page of websites and download it to Excel or CSV.

  • Upload a list of websites to extract emails.
  • Export phone numbers from landing page.
  • Export social media urls (Facebook, Instagram ..) from pages.
  • Export to CSV or Excel in one click.
  • Send the data to your CRM or other software.
illustration
Anyleads
Find emails from first name, last name and company name

Discover emails from a CSV from 3 columns (first name, last name, and company name).

  • Upload big batch of CSV online to find emails.
  • Email discovery is fast and build emails from patterns.
  • Find valid emails from 3 data points.
  • Export to CSV or Excel in one click.
  • Send the data collected to your CRM or any software.
illustration
Anyleads
Chatbot solution to capture and convert visitors into leads

Transform your visitors into leads by capturing information from them.

  • Install unlimited chatbot to capture unlimited leads.
  • Customize the scenario of your chatbot.
  • Customize the color, position and the widget.
  • Export the leads into Excel or CSV.
  • Send directly the leads captured to your CRM or any software.
illustration
Anyleads
Daily registered domains with leads information

Discover each day thousands of new companies registered on Internet.

  • Prospect new businesses registered on Internet.
  • Transfer leads to campaigns to send emails on it.
  • Thousands of new leads uploaded each day.
  • Export all the leads into Excel or CSV.
  • Send collected data to your CRM or other software.
illustration
Anyleads
Online review management to get more online reviews

Capture reviews from visitors, and increase your reviews on Google and Facebook pages.

  • Install and customize the widget on your website.
  • Collect more reviews, increase your SEO position.
  • Grow your Facebook page and Google page.
  • Export reviews into Excel or CSV.
  • Send reviews directly to your CRM.
illustration
Anyleads
Sequence (cadence) / newsletter campaigns tool

Send newsletter or sales emails with automatic follow ups.

  • Create unlimited campaigns and connect unlimited senders.
  • Warm up feature to increase your deliverability.
  • Send personalized images with our image personalization tool.
  • Send events to your CRM such as opens, clicks and replies.
  • Generate more sales meeting with automatic follow ups.
illustration
Anyleads
API to prevent fake emails registration on your service

Each time someone registers to your service, ping this API to verify if the email is correct.

  • Verify if an email exists to prevent fake emails.
  • Export results into Excel or CSV.
  • Ping in real time our API or plug it in your system.
  • Instant email verification.
  • Send collected data to your CRM or other software.
illustration
Anyleads
Social proof notification widget tool

Generate and display notifications on your website to show random messages to your visitors. This will increase your sales and credibility.

  • Add unlimited websites.
  • Add unlimited notifications.
  • Create geo-targeted notifications.
  • Display random fake notifications.
  • Send collected data to your CRM or other software.
illustration
Anyleads
Extract B2B emails from B2B social media

Extract emails and contact from B2B social media. Find new leads in one click and create targeted lists.

  • Create unlimted lists, filter by country, industry, size and job title.
  • Hyper targeted lead generation.
  • Generate B2B and B2C lists in one click.
  • Super fast emails generation.
  • Send leads to your CRM or other software.