AutographGuides › Clickable logo

How to Add a Clickable Logo to Your Apple Mail Signature (Without Broken Attachments)

Updated July 2026 · 6 steps

A logo that clicks through to your website is table stakes for a business signature. Done wrong in Apple Mail (dragged in as a file), it arrives as an attachment or a broken box. Done right, it's four ingredients.

Step by step

1

Don't drag the logo into the signature box

Dragging a file in makes it an attachment — recipients get paperclips, broken boxes on reply, or the logo as a downloadable file. This is the single most common mistake.

2

Host the logo online

The image must live at a public, permanent https:// URL. Any reliable host works; it must load in a private browser window with no login.

3

Size it exactly

Decide the display width (100–200px is typical for a logo). For crisp Retina rendering, host the image at 2× that size and set the display size in the HTML. Keep the file under ~50KB.

4

Wrap it in a link

The HTML pattern: <a href="https://yoursite.com"><img src="https://…/logo.png" width="160" height="48" alt="Acme Inc."></a> — explicit width/height (so phones don't blow it up) and alt text (for images-off readers).

5

Install it into Apple Mail

Paste-into-settings mangles HTML, so use the manual .mailsignature method — or skip it: Autograph has a logo slot with a link field, does the hosting and sizing, and installs in one click.

6

Test the click and the render

Send a test to Gmail: logo visible, correct size, and clicking it opens your site. Reply to the test too — the reply path is where attachments break.

Logo, link, done

Autograph's logo slot crops it, hosts it, sizes it for Retina, wraps it in your link, and installs the signature into Apple Mail in one click.

Download Autograph free See the templates
Free to try · $29 one-time unlocks Pro · No subscription · macOS 14+

Common questions

Can the logo link to something other than my website?

Yes — any URL works, including mailto: and tel: links, or a booking page. One link per image.

Why does my logo arrive as an attachment for recipients?

It was embedded as a file instead of referenced from the web. Rebuild with a hosted https image — that's the whole fix.

What's the best format for a signature logo?

PNG with transparency for logos, exact display dimensions set in the HTML, hosted at a permanent URL. Skip WebP/AVIF — email client support is inconsistent.

More guides

How to Add an Email Signature in Apple Mail (macOS)How to Add an Email Signature on iPhone (With a Photo That Actually Works)How to Add an HTML Email Signature to Apple MailHow to Add an Email Signature in GmailHow to Add an Email Signature in Outlook (Web, Mac & Windows)How to Add an Email Signature in Yahoo MailHow to Add an Email Signature in iCloud Mail (icloud.com)Why Your Email Signature Images Are Broken (Every Cause, Fixed)Apple Mail Signature Showing a Blue Box With a Question Mark? Here's the FixApple Mail Signatures Disappeared After a macOS Update? Here's How to Get Them BackImages Not Showing in Your Apple Mail Signature? Every Cause, FixedThe Best Email Signature Tool for Mac and Apple Mail (2026)Why Your Email Signature Looks Different on iPhone vs Mac (and How to Fix It)Stop iCloud From Wiping Your Apple Mail Signatures (Permanent Fix)Best WiseStamp Alternative for Mac Users (2026)How to Get an HTML Signature Into Apple Mail — No Code RequiredThe Realtor's Email Signature: Compliant, Clickable, and Installed in Apple MailHow to Add an iPhone Email Signature That Actually Keeps Its FormattingExclaimer vs WiseStamp vs the Mac-Native Way: Which Signature Approach Fits You?The Lawyer's Email Signature: Esq., Disclaimers, and Bar Details Done RightProfessional Email Signature Examples That Actually Work in 2026Email Signature Size Guide: Width, Logo, Headshot, and File-Size NumbersHow to Add an Email Signature in Every Major Mail Client (2026)The Teacher's Email Signature: Professional, Compliant, and Parent-FriendlyThe Doctor's Email Signature: Credentials, Disclaimers, and a Clean Setup11 Email Signature Mistakes That Make You Look UnprofessionalHow to Make Your Email Signature Mobile-FriendlyHow to Use a Different Signature for Each Email Account in Apple MailThe Freelancer's Email Signature: Look Bigger Than You AreWhat to Put in a Professional Email Signature (2026 Checklist)How to Add a Marketing Banner to Your Apple Mail SignatureHow to Make an Email Signature That Works in Dark ModeHow to Make an Arabic or Hebrew Email Signature (Right-to-Left)Autograph vs WiseStamp (2026): One-Time Mac App vs Subscription GeneratorBest MySignature Alternative for Mac & Apple Mail (2026)Exclaimer Alternative for Individuals & Small Teams (2026)The Consultant's Email Signature: Credibility in Every ReplyThe Photographer's Email Signature: Show the Work, Book the ShootThe Financial Advisor's Email Signature: Credentials, Compliance, and TrustThe Sales Rep's Email Signature: Built to Get Replies and Book MeetingsHow to Add an Email Signature in Mimestream (the Mac Gmail App)How to Add an HTML Email Signature in Outlook for MacFix: Your Email Signature Shows as an Attachment in Outlook (ATT00001, image files, winmail.dat)CodeTwo Alternative for Individuals & Mac Users (2026)All guides →