Animated GIF Email Signatures and Newsletters: What Actually Works

Can you put an animated GIF in an email signature?

Yes, and for most people you email it will play. Gmail, Apple Mail, Outlook on the web, Outlook for Mac, the Outlook mobile apps, Yahoo Mail and Samsung Email all animate GIFs. The exceptions are older desktop Outlook on Windows, which shows the first frame and stops, and company setups that block images. GIF is also the only animated format you can rely on: video does not play inline in Gmail or Outlook, and animated PNG works in fewer clients.

Whether yours looks good depends mostly on four choices you make:

• How it gets in. Insert it from a saved file or a hosted URL. Pasting it from a web page or a Word template is the most common reason a signature GIF arrives frozen.
• What the first frame shows. Some recipients only ever see that frame, so it must work as a still.
• How heavy it is. A signature rides along on every message and reply. A 2 MB GIF that is fine once in a newsletter is a burden on forty emails a day.
• How it looks on black. GIF transparency is all or nothing per pixel, so a character cut out for white can look jagged or haloed in dark mode.

Which email clients show only the first frame (2026)

The most complete public dataset, caniemail.com, rates animated GIF support at roughly 98% of the clients it tracks, with desktop Outlook on Windows the only partial entry. Most of its GIF entries were last tested in 2020, so read it alongside Microsoft’s current documentation and test with real recipients.

Two other things freeze or hide a GIF:

• Reduced motion. With Windows’ animation effects off, classic Outlook stops playing GIFs, so your signature can look broken to you and fine to everyone else.
• Image blocking. Microsoft states that Outlook blocks automatic picture downloads from the internet by default. A GIF linked by URL shows as an empty box with its alt text until the recipient downloads pictures.

The rule that follows: the first frame is what many business recipients will see, so it must be a finished image on its own.

How to add a GIF to a Gmail signature

Gmail’s signature editor offers three image sources: My Drive, Upload and Web Address (URL). Prefer the URL for an animated GIF, because you control the file and its address. Google’s signature troubleshooting page notes that Drive images only display if shared publicly, and that work or school administrators may limit you to URL images anyway.

1. Put the GIF somewhere public over HTTPS: your website, a CDN, or your site builder’s asset library. Copy the address of the file itself (ending in .gif), not the page it sits on.
2. In Gmail on a computer, open Settings (the gear) › See all settings, and on the General tab scroll to Signature. Create or select a signature.
3. Place the cursor, click Insert image in the signature toolbar, choose Web Address (URL), paste the link and click Select.
4. Choose the signature for new emails and for replies and forwards, then click Save Changes at the bottom of the page.
5. Send a test to yourself and to an Outlook address.

Two Gmail limits shape the GIF. The signature can hold up to 10,000 characters, and Google says images count toward that limit (if you get an error, use a smaller image). Google also recommends signature images 70–100 pixels high by 300–400 pixels wide, with 100 pixels high by 1,000 pixels wide as the maximum. For a square character, that means showing it at about 80 to 100 pixels, beside your name rather than above it.

Sizing precisely in the editor is fiddly. Either resize the GIF file itself to its display size, or build the signature as a small HTML file with width and height on the image, open it in a browser, copy it and paste it into the signature box (how most signature generators work). Then confirm the GIF still moves in a sent message.

How to add an animated GIF to an Outlook signature

Outlook is really four apps with four signature editors.

New Outlook for Windows and Outlook on the web

1. Save the GIF to your computer. Do not copy it from a browser, an email or a Word template.
2. Select Settings (the gear) › Accounts › Signatures, then Add signature, name it and type your details.
3. Insert the saved GIF with the editor’s picture button. If an older version has a pasted GIF, delete it and insert the file fresh.
4. Tick whether it applies to new messages, replies and forwards, then Save.

In a May 2026 Microsoft Q&A thread, a moderator blamed frozen signature GIFs in new Outlook on copy and paste, and advised checking with a recipient on another client, since the compose window does not always match what arrives.

Classic Outlook for Windows

1. In a new email, select Message › Signature › Signatures…
2. Under Select signature to edit, choose New, name it and build it in Edit signature.
3. Click the image button, pick the GIF and select Insert. To resize, right-click › Picture › Size tab, with Lock aspect ratio ticked.
4. Set it under New messages and Replies/forwards, then OK.

Classic Outlook embeds the picture in every message. To link a hosted copy instead, most builds let you paste a web address into the Insert Picture dialog’s file name box and choose Link to File from the arrow beside Insert; test it, since linked pictures are blocked by default for many Outlook recipients. Microsoft also notes these signatures are stored on the device, so you may need to repeat the setup on each PC.

Outlook for Mac

Open Outlook › Settings › Signatures (under Mail in new Outlook for Mac, Email in legacy Outlook) and add one with the plus button. In new Outlook for Mac the picture option sits under See more items (…); in legacy Outlook choose Picture from File. Microsoft ends support for legacy Outlook for Mac this month (October 2026), so expect to redo the signature after you switch.

If you only see the first frame on your own PC

• Windows 11: Settings › Accessibility › Visual effects, turn Animation effects on.
• Windows 10: search Start for “Show animations” and turn on Show animations in Windows.
• Microsoft 365 builds before version 2008: File › Options › Advanced, tick Play animated GIFs.
• One message only: open it and choose View in Browser from Actions on the Message tab.

Source: Microsoft’s animated graphics support article.

Apple Mail signatures, and hosting versus embedding the GIF

In Mail on a Mac, choose Mail › Settings › Signatures, select the account, click the add button below the middle column and name the signature, then drag the GIF into the preview on the right. Mail sends the image inside each message rather than linking to it, so keep the file small. On iPhone and iPad the signature setting (Settings › Apps › Mail › Signature in recent iOS versions) is built for text, not images, so phone replies carry a text signature.

Every app above either embeds the GIF in each message or links to a hosted copy, and the difference matters:

For one person either works; keep an embedded GIF well under 100 KB. For a team, host one file on your own domain (company filters sometimes block third-party GIF sites) and roll the signature out centrally.

Email GIF file size and dimensions: building one that works

Make frame one count. View the first frame on its own. It should be a complete pose: eyes open, facing the viewer, not mid-blink or mid-jump. If it is weak, trim the start until the clip opens on the best pose. A wave that starts with the hand already raised still reads as a wave when frozen.

Use 2× pixels and set the display size in HTML, with the width and height attributes as well as CSS: classic Outlook on Windows is most reliable with the attributes. Keep alt text short and literal, because it is what recipients see when pictures are blocked.

<img src="https://www.example.com/email/pip-wave-240.gif"
     width="120" height="120"
     alt="Pip, the Acme mascot, waving"
     style="display:block; border:0; width:120px; height:120px;">

Shrink it with the levers GIF responds to: fewer frames, smaller dimensions, fewer colours and lossy compression, each at a cost (choppier motion, banding, speckle). Flat-coloured characters compress far better than softly shaded ones. On the command line (or with sliders in a browser tool such as ezgif.com):

# MP4 (flattened onto your background) to a 240 px, 12 fps, 64-colour GIF that plays once
ffmpeg -t 2.5 -i wave.mp4 -vf "fps=12,scale=240:-1:flags=lanczos,split[a][b];[a]palettegen=max_colors=64[p];[b][p]paletteuse=dither=bayer:bayer_scale=4" -loop -1 signature.gif

# Squeeze an existing GIF (--lossy needs a recent gifsicle)
gifsicle -O3 --lossy=40 --colors 64 signature.gif -o signature-small.gif

# Save the first frame as a still for Outlook fallbacks
ffmpeg -i signature.gif -frames:v 1 first-frame.png

If the character comes from Character Animation AI

Every animation exports a transparent GIF at 480 px wide and 15 fps, which suits slides and chat but is bigger than a signature needs. Before downloading, open the free editor (no credits): trim to the 1.5–3 seconds that carry the gesture (the shortest cut is 0.5 seconds), set the direction to back-and-forth so the loop never jumps, and choose 240 Tiny for a signature shown at about 120 px or 360 Small for a larger spot. Edits are saved as versions, so signature and newsletter cuts sit side by side. Output is square, ideal for an avatar; a wide banner GIF needs another tool. The features page lists every export.

Dark mode: why transparent GIFs get jagged edges and halos

A WebM or PNG edge pixel can be partly transparent; a GIF pixel is either fully transparent or fully opaque. So a GIF compromises: either the edge is cut hard and looks stair-stepped on curves, or the soft edge pixels are blended in advance against a “matte” colour (usually white). On its intended background the matte looks perfect; on a dark one, that ring of pale pixels becomes a halo. The transparent formats guide explains why video formats avoid this.

Dark mode is where it bites, because the background behind your signature changes without you. Litmus’s dark mode guide (chart as of February 2025) groups clients into no colour change (Apple Mail, Gmail on desktop, Yahoo Mail), partial inversion (Outlook.com, the Outlook mobile apps, Gmail for Android) and full inversion (Gmail for iOS, Outlook for Windows, Windows Mail). In the last two groups, a GIF cut out against white can land on near-black.

• Flatten it onto a solid tile. Give the GIF a deliberate background, such as a brand-coloured square, instead of transparency. It looks intentional on white and black, and the edges are smooth because they blend into a real colour. In Character Animation AI, set the MP4 background colour in the editor, download the MP4 and convert it with the ffmpeg command above.
• Choose a darker matte. If your GIF tool has a matte setting (Photoshop’s Save for Web does), pick a mid-tone near your brand colour instead of white.
• Add an outline. A 1–2 px light stroke or glow hides stair-stepping and fringe on dark backgrounds and barely shows on white. Litmus recommends the same for transparent logos.
• Pick colours that survive both. Black outlines and very dark fur vanish on dark backgrounds; mid-tones are safest.
• Consider APNG, carefully. Litmus suggests animated PNG for its proper transparency. Clients without support show the first frame, so check caniemail.com first.

Character Animation AI’s GIF uses hard 1-bit edges rather than a soft fringe, so it looks cleanest on light, plain backgrounds; if many recipients use dark mode, flatten it. Test in the Gmail iPhone app in dark mode and in Outlook’s dark theme.

Animated GIFs in email newsletters: limits, accessibility and deliverability

A newsletter gives you room for a full-width hero GIF, and the same rules apply with higher stakes. Start with your platform’s limits:

Checked in each vendor’s help centre in October 2026; confirm in the upload dialog, as limits change.

A fallback for classic Outlook. If the first frame cannot carry the message (a product reveal, a before and after), serve a purpose-made still with conditional comments in a custom HTML block:

<!--[if mso]>
  <img src="https://www.example.com/email/hero-still.png" width="600" height="300" alt="Pip, our new mascot, waving hello">
<![endif]-->
<!--[if !mso]><!-->
  <img src="https://www.example.com/email/hero.gif" width="600" height="300" alt="Pip, our new mascot, waving hello" style="display:block; border:0;">
<!--<![endif]-->

Only classic, Word-based Outlook on Windows reads those comments, so Microsoft 365 users who could have seen the animation get the still too. Usually a fair trade.

Accessibility: two hard limits on motion

• Pause, Stop, Hide (WCAG 2.2.2, Level A). Content that starts automatically, moves for more than five seconds and sits alongside other content needs a way to pause it. Email has no pause button, so make the GIF stop within five seconds. The W3C’s guidance for 2.2.2 lists exactly that technique: an animated GIF set to stop after a fixed number of cycles, within five seconds.
• Three Flashes (WCAG 2.3.1, Level A). Nothing should flash more than three times in any one-second period. Strobing celebrations and flickering text are the usual offenders.

A clip that plays once or twice and rests on a good frame meets both; back-and-forth clips suit this because the last frame is the first. Use -loop -1 in ffmpeg to play once, or a small --loopcount in gifsicle, then time it, as apps count loops slightly differently.

Deliverability myths about images

• “GIFs send you to spam.” An animated GIF is just an image. Filters weigh who is sending, authentication and recipient behaviour far more than whether a picture moves.
• “Keep a 60/40 text-to-image ratio.” Email on Acid tested this against 23 spam filters: once an email had 500 or more characters of text, the ratio stopped mattering. The real risk is an email that is one big image.
• “A big GIF gets the email clipped.” Gmail clips messages whose HTML passes roughly 102 KB (a threshold Mailchimp documents). A hosted GIF adds only its tag to the HTML, so its weight affects loading time, not clipping.

Your animated signature checklist

• Clip trimmed to 1–3 seconds, back-and-forth, opening on its best pose.
• File at 2× display size (240 px for a 120 px slot), under about 100 KB.
• Stops within five seconds; nothing flashes.
• Background chosen on purpose: transparent for light mode, a flattened tile if dark mode matters.
• Hosted on your own HTTPS domain, or embedded if Outlook’s picture blocking worries you more than weight.
• width, height and short alt text set; inserted from a file or URL, never pasted.
• Test sends checked in Gmail (including iOS dark mode), classic Outlook, new Outlook and Apple Mail.

No character yet? Describe one, or upload the mascot you have (the image-to-animation guide covers what to upload), approve the design, then animate it with the Wave preset or a Custom motion such as “waves once, then gives a small nod”. The mascot design guide helps if you are starting from nothing, and the sticker guide applies the same small-file discipline to chat apps.

New accounts get three free credits (a design and its first animation), and edits and downloads are free. Create an account to try it; for a company signature or marketing newsletter, choose the Professional plan, the only one with a commercial licence. For GIF versus other formats elsewhere, see Lottie vs GIF vs transparent video.