Countdown-Timer

Warum ist mein Countdown-Timer mit transparentem Hintergrund unscharf?

Transparente Hintergründe funktionieren nicht immer gut mit dem GIF-Dateiformat.

Option für transparenten Hintergrund

Bei Sendtric kannst du den Hintergrund deiner Countdown-Timer transparent machen. Das GIF-Dateiformat funktioniert jedoch nicht besonders gut mit transparenten Hintergründen. Es kommt zu einem gewissen Qualitätsverlust und zu Unschärfe, besonders bei einem klein eingestellten Timer.

Das ist eine Einschränkung des Dateiformats und nicht etwas, das wir beheben können, aber wir haben einige Empfehlungen, um die Qualität zu verbessern:

1. Verwende, wenn möglich, einen einfarbigen Hintergrund

Da beim Versand einer E-Mail ohnehin ein übergreifender Hintergrund hinter dem Timer liegt, ist die Qualität des Timers deutlich besser, wenn du für den Timer dieselbe Hintergrundfarbe wie für deine E-Mail verwendest.

Befindet sich dein Timer alternativ innerhalb eines bestimmten Hintergrundverlaufs oder Bildes, kannst du ein individuelles Bild als Hintergrund erstellen und als Timer-Hintergrund hochladen. So fügt sich der Timer weiterhin in den Hintergrundverlauf oder das Bild deiner E-Mail ein.

Beispiel: Hochgeladenes individuelles Hintergrundbild, das zum E-Mail-Hintergrund passt

Ein hochgeladenes individuelles Hintergrundbild, das zum umgebenden E-Mail-Hintergrund passt
Individuelles Hintergrundbild, hochgeladen, um zum E-Mail-Hintergrund zu passen

2. Achte darauf, dass die Hintergrundfarbe zu deiner E-Mail passt, selbst wenn du die Option für transparenten Hintergrund verwendest

Selbst wenn du einen transparenten Hintergrund verwendest, verbessert sich die Qualität aufgrund der Funktionsweise des GIF-Dateiformats deutlich, wenn du dieselbe Hintergrundfarbe wählst wie die des E-Mail-Vorlagenbereichs, in den der Timer eingefügt wird.

Wenn dein E-Mail-Vorlagenbereich mehrere Hintergrundfarben hat, wähle die Hauptfarbe.

3. Verwende einen größeren Countdown-Timer

Wenn du unbedingt einen transparenten Hintergrund verwenden musst, empfehlen wir, den Timer so groß wie möglich einzustellen. GIFs verlieren von Natur aus an Qualität, wenn sie sehr klein sind, wodurch die Kombination mit Transparenz zu weniger scharf wirkenden Timern führt.

Wir empfehlen, im Tab Visuelles Design des Editors auf der linken Seite eine größere Timer-Größe einzustellen.

Eine größere Countdown-Timer-Größe, ausgewählt im Tab Visuelles Design

4. Nutze die Umrandungsfunktion für Beschriftungen und Ziffern

Durch das Hinzufügen einer etwas dickeren Umrandung (selbst in derselben Farbe wie die Ziffern/Beschriftungen) lässt sich die Unschärfe bei kleinen Timer-Größen verringern.

Die Umrandungseinstellung für Ziffern und Beschriftungen im Countdown-Timer-Editor

5. Verwende eine kräftige/dickere Schriftart

Zusätzlich zu einer größeren Timer-Größe empfehlen wir auch die Verwendung einer dickeren Schriftart wie Archivo Regular.

Du kannst eine dickere Schriftart wie Archivo Regular verwenden, die in allen unseren kostenpflichtigen Plänen verfügbar ist. Die Schriftart passt du im Toggle Text & Beschriftungen auf der linken Seite des Editors an.

Archivo Regular als dickere Schriftart im Tab Text & Beschriftungen ausgewählt
Du kannst eine dickere Schriftart wie Archivo Regular verwenden, die in allen unseren kostenpflichtigen Plänen verfügbar ist. Passe die Schriftart im Tab Text & Beschriftungen an.

6. Verwende einen 'einfacheren' Timer-Stil

Je mehr Elemente ein Timer-Stil verwendet, desto mehr davon können bei einem transparenten Hintergrund an Schärfe verlieren. Falls du also einen transparenten Hintergrund benötigst, empfehlen wir einen der einfacheren Timer-Stile, wie zum Beispiel den Standardstil.

Standard-Countdown-Timer-Stil in der Stilauswahl des Editors (Toggle Visuelles Design).

Der Standard-Countdown-Timer-Stil in der Stilauswahl
Standard-Countdown-Timer-Stil in der Stilauswahl (Tab Visuelles Design)

War dieser Artikel hilfreich?