Gmail how-tos
How to add an image to your Gmail signature
The short answer
To add an image to your Gmail signature, open Settings, scroll to Signature, click the insert image icon, and pick a source: upload from your computer, choose from Google Drive, or paste a web URL. Resize it, optionally hyperlink it, then save. The image must stay hosted somewhere public, or it shows as a broken icon to recipients.
How to add an image to your Gmail signature: insert a logo or photo, resize it, make it a clickable link, add social icons, and fix images that won't show.
On this page
- 01Why add an image to your Gmail signature at all?
- 02How do you insert an image into your Gmail signature?
- 03How do you resize an image in a Gmail signature?
- 04How do you make an image in your Gmail signature clickable?
- 05How do you add social media icons to a Gmail signature?
- 06What size and format should a Gmail signature image be?
- 07How do you host a Gmail signature image so it does not break?
- 08Why is my Gmail signature image not showing?
- 09Can you add a signature image on the Gmail mobile app?
- 10How does AI Emaily manage branded signatures across every account?
- 11Putting it all together
Why add an image to your Gmail signature at all?
A Gmail signature is the block of text Gmail attaches to the bottom of your messages so you do not retype your name, title, and contact details every time. Adding an image to it, a company logo, a headshot, or a row of social media icons, turns that plain block into something that looks designed rather than typed. It is the difference between an email that ends with three gray lines of text and one that ends with a small, branded sign-off a reader actually notices.
The most common reason people search for how to add an image to their Gmail signature is branding. A logo at the bottom of every email is free advertising that runs thousands of times a year without you doing anything. A headshot makes a cold outreach email feel like it came from a person rather than a faceless address, which matters in sales, recruiting, and any job where you email strangers. And a tidy row of clickable social icons turns your signature into a quiet call to action, pointing readers to your LinkedIn, your company page, or your portfolio without a single extra line of copy.
Here is the catch that this entire guide exists to solve: an image in an email is not really attached the way a file is. It is a reference to a picture that lives somewhere else, and Gmail loads it from that location every time the email is opened. If that location goes away, or was never publicly reachable in the first place, your beautiful logo turns into a broken-image icon, a small gray box with a torn-corner symbol, or in some clients a literal red X. The image looked fine when you set it up because Gmail could still reach the file. It breaks for recipients because they cannot. Most of the trouble people hit with signature images comes down to this one idea, so it is worth holding onto from the start.
This guide walks through the whole thing in order. First, the core task: inserting an image into your Gmail signature on desktop, covering all three sources Gmail offers, upload, Google Drive, and a web address, and explaining when to use each. Then how to resize the image so it does not dwarf your text or come out blurry. Then how to make the image clickable, so a logo links to your website or an icon links to your profile. Then how to build a row of social media icons properly. After that, the practical reference material: recommended dimensions and file formats in a table, how to host your image so it does not break, and a focused troubleshooting section for the classic Gmail signature image not showing problem. We close with the mobile situation, a note on managing branded signatures across more than one account, and a short FAQ covering the questions people ask most.
Everything here is for the Gmail web app on a computer, because that is the only place you can add an image to a Gmail signature. The Gmail mobile apps for iPhone and Android only support a plain-text signature with no formatting and no images, which surprises a lot of people; we cover that limitation and the workaround near the end. So set this up on a desktop or laptop, and your image-rich signature will then ride along on the messages you send from your phone too.
How do you insert an image into your Gmail signature?
The whole process lives in Gmail's settings, and it takes about a minute once you know where the controls are. You open settings, find the signature section, drop your cursor where you want the image, click the insert image button, choose where the image comes from, and save. The only real decision is the source, which we break down right after the steps, because it is the single biggest factor in whether your image keeps working for the people who receive your emails.
Follow these steps on a computer, signed in to the Gmail account you want the signature on.
- 1
Open Gmail settings
In the Gmail web app, click the gear icon in the top-right corner, then click "See all settings." This opens the full settings screen on the General tab, which is where the signature controls live. The quick settings panel that pops out from the gear is not enough; you need the full page.
- 2
Scroll to the Signature section
On the General tab, scroll down until you reach "Signature." If you have never made a signature, click "Create new," give it a name, and confirm. If you already have one, click its name in the list to load it into the editor on the right.
- 3
Place your cursor where the image should go
Click inside the signature editor box at the exact spot you want the image, above your name for a logo banner, beside it for a small mark, or on its own line at the bottom for social icons. The image inserts wherever the cursor is blinking, so position it before the next step.
- 4
Click the insert image icon
In the formatting toolbar at the bottom of the signature editor, click the insert image button. It looks like a small mountain or photo inside a frame, sitting near the link icon. Clicking it opens Gmail's "Add an image" window with three tabs: My Drive, Upload, and Web Address (URL).
- 5
Choose your image source
Pick one of the three tabs. Upload lets you choose a file from your computer; My Drive lets you pick an image already in your Google Drive; Web Address lets you paste the direct URL of an image already online. Select your image, then click "Select" (or "Insert"). The image drops into the signature at your cursor.
- 6
Save your changes
Scroll all the way to the bottom of the settings page and click "Save Changes." This is the step people forget. Until you click it, nothing is saved, and your signature will look untouched the next time you compose. Send yourself a test email afterward to confirm the image appears.
A few things are worth knowing before you pick a source. Gmail's three options are not equally reliable, and the choice you make here is what decides whether recipients see your image or a broken box. Below is what each one actually does behind the scenes, and which to reach for.
| Source | What it does | Best for |
|---|---|---|
| Upload | You pick a file from your computer; Gmail uploads it to Google's own servers and hosts it for you. The image gets a stable, public Google-hosted link automatically. | Most people, most of the time. The simplest path that just works without managing hosting yourself. |
| My Drive | You choose an image already saved in Google Drive. It only loads for recipients if the file's sharing is set to "Anyone with the link." A private Drive file shows as broken to everyone but you. | Teams who keep brand assets in a shared Drive and have set the file's sharing to public. |
| Web Address (URL) | You paste the direct link to an image already hosted online (your website, a CDN, an image host). Gmail references that URL; it never copies the file. | Designers and companies hosting images on a stable URL they control and will not move or delete. |
If you are not sure which to choose, use Upload. It is the path that needs the least thought, because Gmail handles hosting for you and gives the image a reliable Google link automatically, so you do not have to worry about a file going private or a URL changing later. The Web Address option is powerful but unforgiving: the moment that URL stops resolving, the image breaks in every email you have ever sent with it. The Google Drive option is fine, but only if you remember to set the file's sharing to "Anyone with the link," which is the most common reason a Drive-based signature image works for the sender and breaks for everyone else. We come back to all of this in the hosting and troubleshooting sections, because it is where nearly every signature image problem starts.
When in doubt, upload
How do you resize an image in a Gmail signature?
Inserted images almost never come in at the right size. A logo exported at full resolution can land in your signature several hundred pixels wide, towering over your two lines of text and looking amateurish. Gmail gives you a simple way to scale it down without leaving the signature editor, and the controls appear the moment you click the image.
Click once on the image inside the signature box. A small toolbar appears directly beneath it with size options: Small, Medium, Large, and Original size. Click any of them to resize instantly. For a logo or banner, Medium or Small is usually right; Original size is almost always too big. If you need a precise size that the presets do not offer, click "Original size" and then drag the small square handles at the image's corners to scale it manually, which keeps the proportions intact as long as you drag from a corner rather than a side.
- 1
Click the image once to select it
A blue outline and a small size toolbar appear directly below the image. If the toolbar does not show, click once more directly on the image itself, not the space around it.
- 2
Pick a preset size
Choose Small, Medium, or Large from the toolbar. The image resizes in place immediately. For most logos and headshots, Small or Medium reads best; the Original size option is usually far too large for a signature.
- 3
Or drag the corner handles for a custom size
If you need a size between the presets, select the image and drag a corner handle. Always drag from a corner, never a side, so the width and height scale together and the image does not stretch out of shape.
- 4
Save and send yourself a test
Scroll down, click "Save Changes," then email yourself to see the image at its real, sent size. What looks right in the tiny editor box can look different in a full message, so a test pass is worth the ten seconds.
One important caveat on resizing: scaling the image down in Gmail's editor changes only how big it displays, not how big the underlying file is. A 2,000-pixel logo shrunk to look small in your signature is still a heavy 2,000-pixel file being loaded on every email, which is slow and can push your message toward the size where Gmail truncates it. For the best result, resize the actual image file to roughly the dimensions you want before you upload it, using any image editor, and then use Gmail's controls only for small final adjustments. The recommended dimensions are in the table further down. Resizing the file first keeps your emails light and your images crisp, because an image scaled down in the browser can look slightly soft where one exported at the right size stays sharp.
How do you make an image in your Gmail signature clickable?
A logo that links to your website, or a headshot that opens your LinkedIn, is far more useful than a static picture. Gmail lets you wrap any image in a hyperlink, and the steps are the same as linking text: select the thing, click the link button, and paste the destination. The only trick is that you have to select the image first, which is easy to fumble.
Here is how to turn an inserted image into a clickable link.
- 1
Insert and size the image first
Add your logo or icon using the steps above and resize it to where you want it. Get the image in place before linking it, so you are linking the final version rather than re-linking after a resize.
- 2
Select the image
Click once directly on the image so it shows the blue selection outline. The image itself must be highlighted, not the line of text around it. This is the step people miss; if nothing is selected, the link button does nothing.
- 3
Click the link button
In the signature editor's formatting toolbar, click the link icon (it looks like a chain link). A small "Edit Link" box opens with a field for the web address.
- 4
Paste the destination and confirm
In the "Web address" field, paste the full URL you want the image to open, including the https:// prefix, for example https://www.yourcompany.com. Then click "OK." The image is now a clickable link.
- 5
Save and test the click
Scroll down, click "Save Changes," send yourself a test email, and actually click the image in the received message to confirm it opens the right page. A linked image that goes nowhere is worse than no link at all.
Always use the full, absolute URL with the https:// prefix. Gmail can quietly treat a link typed without it as a relative path, which then opens a broken or nonsensical address when a recipient clicks it. Type or paste the complete web address every time, and click it once in a test email to be sure. The same method links any image, which is exactly how social media icons are built: each tiny icon is an image hyperlinked to the matching profile, and we cover that next.
A logo link is a quiet conversion tool
How do you add social media icons to a Gmail signature?
A row of small, clickable social icons, LinkedIn, X, Instagram, a company site, is one of the most popular things to add to a signature, and Gmail can do it, but there is no one-click button for it. You build the row by inserting each icon as its own image and hyperlinking each one to the matching profile. It is repetitive but simple, and the result looks clean when the icons share a consistent style and size.
Start by getting the icon images. Gmail does not provide social icons, so you supply them. Free icon libraries such as Flaticon, Icons8, and Freepik have full sets in matching styles; download the platforms you use as small PNG files, ideally a uniform size like 24 by 24 pixels, and pick one visual style (all flat, all outline, or all in your brand color) so the row looks intentional rather than thrown together. Save them somewhere you can find them, or upload them to a stable host if you plan to insert them by URL.
- 1
Collect matching icons
Download a small icon for each platform from a single icon set so they share a style and size. Aim for about 24 by 24 pixels each. Consistency is what makes a row of icons look professional instead of cluttered.
- 2
Position your cursor and insert the first icon
In the signature editor, click where you want the row, then use the insert image button to add the first icon via Upload, My Drive, or Web Address. It will likely come in too large.
- 3
Resize the icon small
Click the icon and choose Small from the size toolbar, or drag a corner handle down. Social icons should be genuinely small, roughly the height of a line of text, so the row reads as a tidy strip rather than a stack of buttons.
- 4
Hyperlink the icon
With the icon selected, click the link button, paste the full profile URL (for example https://www.linkedin.com/in/yourname), and click OK. Now this icon opens that profile when clicked.
- 5
Repeat for each platform
Insert the next icon right beside the first, resize it to match, and link it to the next profile. Continue until the row is complete. Inserting them side by side, with no line breaks between, keeps them on one horizontal line.
- 6
Save and test every link
Click "Save Changes," send yourself a test email, and click each icon to confirm it opens the correct profile. It is easy to paste the wrong URL onto an icon, so check every one.
Two practical notes make this far less painful. First, the icons sit on one line only if there are no line breaks between them; insert each one immediately after the last, with at most a single space, and do not press Enter between icons. Second, every social icon is itself a hosted image, which means the same hosting rules apply: if you upload them through Gmail, Google hosts them and they are stable; if you reference them by URL, that URL has to stay live. A common failure is a row of icons that all break at once because they were pulled from a temporary link or a Drive folder that was never shared publicly. If building and linking the row by hand feels tedious, a dedicated email signature generator can assemble the icon strip for you and hand you a block to paste into Gmail, though you still depend on wherever that tool hosts the icon images.
What size and format should a Gmail signature image be?
Getting the dimensions and file type right is what separates a signature that looks sharp on every device from one that comes out blurry, oversized, or broken in dark mode. The guiding principle is restraint: a signature image should be small in both pixel dimensions and file size, because it loads on every single email and rides along on replies and forwards. A heavy image slows things down and can trip Gmail's message-size limits, which we explain just below. Here are the dimensions and formats that render reliably across Gmail, Outlook, and Apple Mail.
| Element | Recommended size | Format & file size | Notes |
|---|---|---|---|
| Company logo | About 200px wide, 50–70px tall (max ~200px wide) | PNG, under ~30KB | PNG keeps logos crisp and supports transparency, which matters for dark mode. |
| Headshot / photo | About 100–150px square | PNG or JPG, under ~50KB | Square crops look tidiest beside text. JPG is fine for photos with no transparency. |
| Social icons | Roughly 24x24px each | PNG, a few KB each | Use one matching set. Small, uniform icons read as a clean row. |
| Banner (full-width) | 300–400px wide, 150–200px tall | PNG or JPG, under ~100KB | Stay at or under 400px wide so mobile screens do not crop or rescale it. |
A few rules of thumb pull that table together. Keep the total image width at or under about 400 pixels: anything wider tends to get cropped or awkwardly rescaled on phone screens, which is where a large share of email now gets read. Prefer PNG for logos and icons, because it stays sharp and supports a transparent background, which is what lets a logo sit cleanly on both light and dark email themes; a logo with a solid white box behind it looks fine in light mode and like a glaring white rectangle in dark mode. Use JPG only for photographs where transparency is not needed and a slightly smaller file helps. And keep every image as light as you reasonably can, because of the size limit covered next.
Watch the 102KB message-size limit
How do you host a Gmail signature image so it does not break?
This is the single most important section for anyone who wants their signature image to keep working for months and years, not just on the day they set it up. An image in an email is loaded fresh from wherever it lives every time someone opens the message. Your signature does not carry a copy of the picture; it carries an address. If that address stops pointing at a reachable, public image, the picture breaks for everyone, even though it may still look fine to you because your browser cached it. Understanding this turns the mysterious broken-image problem into something completely predictable.
There are three realistic ways to host a signature image, and they map to Gmail's three insert sources. Each has a different reliability profile.
- Let Gmail host it (the Upload tab). When you upload a file, Gmail copies it to Google's servers and serves it from a stable Google link. You do not manage anything, and there is no sharing setting to get wrong. This is the most reliable option for most individuals and the reason "just upload it" is the standard advice.
- Google Drive (the My Drive tab). A Drive image only loads for recipients if its sharing is set to "Anyone with the link." Right-click the file in Drive, choose Share, and under General access pick "Anyone with the link." If it stays "Restricted," the image shows as broken to everyone except you. Also, never delete or move the source file, doing so breaks the image in every email you have sent with it.
- Your own web host or CDN (the Web Address tab). If you host the image on your website or a content delivery network, use a permanent path you will not reorganize. The URL must be public (no login wall), served over https, and pointing directly at the image file (ending in .png or .jpg), not at a web page that displays the image. This gives you the most control and the most ways to accidentally break things.
Whichever route you choose, the golden rule is permanence: do not move, rename, delete, or restrict the image after you have put it in your signature. The image link is frozen into every email you have ever sent with that signature, so taking the file down or flipping it to private retroactively breaks all of them. Avoid temporary image hosts, session-based links, or anything described as a preview URL, because those expire and take your logo down with them weeks later, long after you have forgotten you set it up. If you are setting this up for a whole team, host the assets once in a place the company controls and will not casually reorganize, and confirm the file is public before anyone pastes the link. Get the hosting right and the image simply works; get it wrong and you are back in the troubleshooting section below.
Why is my Gmail signature image not showing?
A signature image that shows as a broken icon, a small gray box with a torn corner, or a red X, is the most common signature problem there is, and it almost always traces back to hosting and permissions rather than anything wrong with Gmail. The frustrating part is that it usually looks perfect to you, the sender, because your browser cached the file or Gmail can still reach it from your account, while recipients see only the broken placeholder. Work through these checks in order; the first two solve the large majority of cases.
- Check the source's sharing if you used Google Drive. This is the number one cause. In Drive, right-click the image, choose Share, and set General access to "Anyone with the link." If it is "Restricted," recipients cannot load it. Re-insert the image into your signature after fixing the sharing, then save.
- Confirm the file still exists and has not moved. If you used a Drive file or a web URL, make sure you have not deleted, renamed, or relocated it since. The link in your signature is fixed; the moment the file is gone or moved, the image breaks everywhere. Restore it to its original location or re-insert from the new one.
- Test the URL directly if you inserted by web address. Paste the image URL into a private or incognito browser window. If the image does not appear there, recipients will not see it either. The link must load the raw image (https, public, ending in .png or .jpg), not a page that contains it.
- Turn off plain text mode in the message. If your composed emails are in plain text mode, no image will ever render, signatures included. In the compose window, click the three-dot "More options" menu near the trash icon and make sure "Plain text mode" is not checked.
- Make sure you clicked Save Changes. If the image is missing from your own sent emails, the most likely cause is that the signature was never saved. Return to Settings, confirm the image is in the signature box, scroll down, and click "Save Changes."
- Re-insert images pasted by copy-paste. If you built your signature by copying a block from a website or generator, some images may have pasted as fragile references that break later. Re-insert each image through Gmail's own insert image button so Gmail hosts or links it cleanly.
- Rule out the recipient's image blocking. Some email clients block external images by default and show a "display images" prompt instead. This is on the recipient's side, not a fault in your signature, but it is why a small share of readers will always see the image only after they choose to load it.
The two-minute fix for a broken image
Can you add a signature image on the Gmail mobile app?
This is where many people get stuck, so it is worth being blunt: you cannot add an image to your signature inside the Gmail app on iPhone or Android. The mobile apps only support a plain-text "mobile signature," found under Settings, your account, Signature settings. It is text only, with no formatting, no links, and no images. There is no insert image button in the mobile signature editor because the feature does not exist there.
The practical workaround is simple and works well. Set up your full image signature once in the Gmail web app on a computer, as described throughout this guide. That formatted signature is stored on your account, so it automatically attaches to emails you send from Gmail on the web. The one thing to know is how mobile handles it: on the Gmail mobile app you can choose, in the app's signature settings, whether to use a separate plain-text mobile signature or rely on your web signature. If you turn the mobile-specific signature off, messages you send from the app can use your account's web signature, image and all, rather than the plain text one.
- Build the image signature on desktop. Use the Gmail web app on a computer; it is the only place the insert image control exists.
- Leave the mobile signature blank or off. In the Gmail app's Signature settings, a separate plain-text mobile signature, when set, replaces your richer one on emails sent from the phone. Turning it off lets your full web signature apply instead.
- Send a test from your phone. After setting up on desktop, send yourself an email from the Gmail app to confirm which signature attaches, so there are no surprises.
- Expect text-only if you must edit on mobile. If you only have a phone, you are limited to a plain-text signature; an image signature genuinely requires a desktop session to create.
How does AI Emaily manage branded signatures across every account?
Everything above is the manual reality of Gmail: one signature editor, one account at a time, an image you have to host and babysit, and a mobile app that cannot show an image at all. That is workable for a single Gmail address. It gets old fast the moment you run more than one mailbox, or work across Gmail, Outlook, and an IMAP account, each with its own signature settings, its own image quirks, and its own way of breaking.
AI Emaily is an AI-native email client that connects all of your accounts, Gmail, Outlook, iCloud, Fastmail, Proton, and any IMAP mailbox, into one place. Because your inboxes live together, your branded signature does too. You set up the right sign-off for each mailbox once, the company logo and social icons on the work address, the simple personal one on another, and the correct signature is applied to the right account automatically, on every device, without hopping between separate settings screens or rebuilding the same block in three different webmail interfaces.
The point of consolidating accounts is that branding stops being a per-app chore. Instead of one signature trapped in Gmail's settings, another buried in Outlook's, and a plain-text stub on your phone, you manage them together and they stay consistent everywhere you send from. For anyone juggling a personal address, a work address, and a side project, that is the difference between a signature that is occasionally right and one that is reliably on-brand across the board.
AI Emaily also does the part Gmail never will: it drafts the emails those signatures sit on. You describe what you need, a reply, a cold outreach, a follow-up, and it writes a clean draft in your own voice across whichever account you choose, then attaches the matching signature for that mailbox. Nothing sends without you: you review and edit every word, with undo and a full audit trail on anything the assistant does. The free plan is $0 and connects your accounts with everyday AI drafting; Pro is $17.99 per month billed annually and unlocks heavier automation. If a single, consistent signature on every account, with an assistant that writes the email under it, sounds better than maintaining separate signature blocks by hand, you can start free at app.aiemaily.com/signup.
One signature setup, every account
Putting it all together
Adding an image to your Gmail signature is a quick task with one idea you must respect. Open Settings, scroll to Signature, place your cursor, click the insert image button, and choose a source, Upload for most people, Google Drive only if the file is shared publicly, or a web URL you fully control. Resize the image small (ideally resize the file first, then fine-tune in Gmail), and click Save Changes. To make a logo or icon clickable, select it, hit the link button, paste the full https:// destination, and test the click. Build a social row by inserting and linking each small icon side by side.
The one idea behind every signature image problem is hosting. The picture is loaded from wherever it lives, so it only keeps working if that location stays public and permanent. Keep images small, PNG for logos and icons, at or under about 400 pixels wide and well under the message-size limit, and never move, delete, or restrict the source file after you have used it. When an image shows as a broken icon, it is almost always a private Drive file or a moved URL; the incognito-window test points you straight at the cause. And remember the mobile reality: image signatures are built on desktop, because the Gmail app is plain text only.
Get those few things right and a polished, branded signature follows you on every email you send. And if maintaining signatures and writing the emails under them across several accounts is more than you want to do by hand, that is exactly the kind of busywork an AI-native client is built to absorb, so your sign-off stays consistent and your drafts write themselves while you keep the final say.
Frequently asked
Keep reading