Ein Countdown-GIF in einer E-Mail ist ein animiertes Bild, das beim Öffnen der E-Mail erzeugt wird und auf eine echte Deadline herunterzählt. Es kann nicht ewig laufen, also animiert es für eine begrenzte Zeit und bleibt dann stehen, und es muss klein genug sein, um die Nachricht nicht aufzublähen. Die GIFs von Provedly animieren bis zu drei Minuten lang, gibt es in mehreren Themes und bleiben unter 100 KB. Dieser Beitrag erklärt die Grenzen und wie du innerhalb dieser Grenzen arbeitest.
Wie ein Countdown-GIF in E-Mails funktioniert
E-Mail-Programme führen kein JavaScript aus, ein Live-Timer wie auf einer Website ist also unmöglich. Der Ausweg ist ein Bild, das zum Zeitpunkt des Abrufs gerendert wird: Wenn das Programm das Bild lädt, berechnet der Server die verbleibende Zeit bis zur Deadline und erzeugt ein animiertes GIF, dessen Frames ab diesem Moment herunterzählen.
Daraus folgen zwei Dinge:
- Der Countdown stimmt zum Zeitpunkt des Öffnens. Wer die E-Mail um 9:00 Uhr öffnet, sieht die korrekte Restzeit; wer sie um 9:30 Uhr öffnet, sieht dreißig Minuten weniger.
- Er kann nicht unbegrenzt animieren. Ein GIF ist eine feste Menge an Frames. Ein Frame pro Sekunde für drei Minuten sind 180 Frames. Darüber hinaus wächst die Dateigröße über das hinaus, was eine E-Mail bequem tragen kann, also läuft die Animation für ihre begrenzte Dauer und bleibt auf dem letzten Frame stehen.
Drei Minuten sind mehr als genug. Kaum jemand schaut länger auf eine E-Mail, und wer zurückkehrt, lädt das Bild neu, und der Countdown startet wieder mit der korrekten Restzeit.
Warum die Größe wichtiger ist als auf einer Website
Ein Bild mit 500 KB ist auf einer Website nichts Besonderes. In einer E-Mail ist es aus mehreren Gründen ein Problem:
- Manche Programme kürzen oder beschneiden Nachrichten ab einer bestimmten Größe, und große eingebettete Bilder tragen dazu bei.
- Leser mit mobilen Daten zahlen für jedes Kilobyte, und langsames Laden heißt, dass der Countdown erst erscheint, wenn der Leser schon weitergescrollt hat.
- Große GIFs können in manchen Filtersystemen ein Signal sein, das eine Nachricht in Richtung Werbe-Ordner schiebt. Wir formulieren das vorsichtig, weil Filterregeln nicht öffentlich sind, aber Nachrichten schlank zu halten ist nie die falsche Richtung.
Provedly hält seine Countdown-GIFs unter 100 KB, indem es Abmessungen, Anzahl der Frames und Farbpalette begrenzt. Dieses Budget ist knapp genug, um sicher zu sein, und großzügig genug, um gut lesbar zu bleiben.
Was sich gegenseitig beeinflusst
| Stellschraube | Wirkung auf die Größe | Wirkung auf die Qualität |
|---|---|---|
| Abmessungen | Größter Einzelfaktor | Muss auf dem Handy lesbar sein, nicht auf dem Desktop groß |
| Anzahl Frames | Linear zur Dauer bei gegebener Rate | Mehr Frames heißt längere Animation, nicht flüssigere Ziffern |
| Framerate | Linear | Ein Frame pro Sekunde ist alles, was eine Sekundenanzeige braucht |
| Farbpalette | Weniger Farben verkleinern die Datei | Flache Themes mit wenigen Farben komprimieren viel besser als Verläufe |
| Textdarstellung | Gering | Klare Ziffern mit hohem Kontrast überstehen die Kompression |
Die Themes von Provedly sind um diese Abwägungen herum gestaltet: flache Hintergründe, eine kleine Palette, Ziffern in Handygröße. Ein Theme zu wählen, das zu deiner Marke passt, ist das richtige Maß an Anpassung; Fotos oder Verläufe hinter die Zahlen zu legen, ist es nicht.
Das GIF ehrlich halten
Für ein Countdown-GIF gelten dieselben Regeln wie für eine Countdown-Leiste auf deiner Website. Es sollte auf eine echte Deadline zeigen, dieselbe, die deine Website-Leiste und dein Checkout durchsetzen, und wenn sie erreicht ist, sollte sich tatsächlich etwas ändern. Ein GIF, das auf ein bedeutungsloses Datum herunterzählt, ist ein Fake-Timer in einem anderen Medium, und der geplante EU Digital Fairness Act, der für Ende 2026 erwartet wird, nennt gefälschte Countdown-Timer ausdrücklich als Praxis, gegen die er vorgehen würde. Die allgemeinen Regeln stehen in /blog/honest-countdown-timers.
Praktische Punkte:
- Nutze eine einzige Deadline. Erzeuge das GIF für denselben Zeitpunkt wie deine Website-Leiste. Wenn der Launch am Freitag um 17 Uhr Eastern endet, sollten beide das sagen. Den Ablauf eines Launches findest du in /blog/launch-week-playbook.
- Sag, was endet. Der Text neben dem Bild sollte die Sache benennen: „Launch-Preise enden am Freitag, 17 Uhr ET.“ Das GIF liefert Bewegung, der Text liefert Bedeutung.
- Plane für Öffnungen nach der Deadline. E-Mails werden oft Tage später geöffnet. Entscheide, was ein später Leser sieht, und stell sicher, dass es kein Countdown in negative Zahlen und kein Neustart ist.
Fallbacks, Barrierefreiheit und Design
Manche Programme blockieren Bilder standardmäßig, manche zeigen nur den ersten Frame eines GIFs, und manche Leser nutzen Screenreader. Plane für alle drei Fälle:
- Schreib die Deadline als reinen Text direkt neben das Bild, damit bei einem blockierten Bild nichts Wesentliches verloren geht.
- Schreib einen Alt-Text, der die Deadline nennt, nicht „Countdown-Timer“.
- Sorg dafür, dass der erste Frame für sich allein aussagekräftig ist, denn ein Programm, das nicht animiert, zeigt ihn dauerhaft.
Ein guter Test: Lies die E-Mail mit ausgeschalteten Bildern. Wenn Angebot, Deadline und Call-to-Action dann noch klar sind, ist das GIF eine Ergänzung und keine Abhängigkeit.
Designentscheidungen, die helfen.
- Kontrast. Die Ziffern sollten in hellen und dunklen E-Mail-Themes auf einen Blick lesbar sein. Die flachen Themes schaffen das besser als unruhige.
- Beschriftungen. „Tage, Stunden, Minuten, Sekunden“ unter den Ziffern beseitigen Unklarheiten.
- Platzierung. In der Nähe des Call-to-Action, nicht im Header. Der Timer unterstützt die Entscheidung; er ist nicht die Botschaft.
- Breite. Plane für das schmalste gängige Handydisplay und lass Desktop-Programme das Bild klein anzeigen. Ein GIF, das auf dem Handy scharf ist, funktioniert auch auf dem Laptop; umgekehrt nicht.
Wo das in Provedly hineinpasst
Das Countdown-GIF für E-Mails gehört zur Familie der CTA-Leisten, neben der Countdown-Leiste für die Website, dem Evergreen-Timer pro Besucher und dem geplanten Zähler. Es ist dafür gedacht, einmal pro Kampagne für die echte Deadline erzeugt und als Bild in jedes E-Mail-Tool eingefügt zu werden. Details findest du unter /features#bars und in den /docs.
Häufige Fragen
Warum hört das GIF nach ein paar Minuten auf zu animieren?
Jeder Frame erhöht die Dateigröße. Drei Minuten bei einem Frame pro Sekunde sind die praktische Obergrenze unter 100 KB mit lesbaren Ziffern, und kaum jemand schaut länger auf eine E-Mail. Wer die E-Mail erneut öffnet, lädt ein frisches GIF.
Kann ich dasselbe GIF in mehreren E-Mails verwenden?
Ja. Der Countdown wird beim Abruf des Bildes berechnet, also dient ein Asset für die Ankündigung, die Erinnerung zur Wochenmitte und den letzten Hinweis, solange die Deadline dieselbe ist.
Was passiert, wenn jemand die E-Mail nach der Deadline öffnet?
Entscheide das vor dem Versand. Der E-Mail-Text sollte die Deadline ausdrücklich nennen, damit ein später Leser sie versteht, und das Bild sollte nicht suggerieren, dass noch Zeit bleibt, wenn das nicht stimmt.
Erstelle in jedem Plan ein Countdown-GIF passend zu deiner Website-Leiste: /pricing.