Countdown-Timer

Waarom is mijn countdown-timer met doorzichtige achtergrond wazig?

Transparante achtergronden werken niet altijd even goed bij het GIF-bestandsformaat.

Optie voor transparante achtergrond

Bij Sendtric kun je ervoor kiezen om de achtergrond van je countdown-timers transparant te maken. Het GIF-bestandsformaat werkt echter niet zo goed met transparante achtergronden. Er treedt wat kwaliteitsverlies en wazigheid op, vooral als je een kleine timer gebruikt.

Dit is een beperking van het bestandsformaat en daar kunnen we niet echt iets aan doen, maar we hebben wel een paar tips om de kwaliteit te verbeteren:

1. Gebruik indien mogelijk een effen achtergrond

Telkens als je een e-mail verstuurt, is er sowieso al een achtergrond voor de timer, dus als je voor de timer dezelfde achtergrondkleur gebruikt als die van je e-mail, ziet de timer er veel beter uit.

Als je timer zich binnen een bepaald achtergrondverloop of een bepaalde afbeelding bevindt, kun je ook een eigen achtergrondafbeelding maken en die als achtergrond voor je timer uploaden. Zo past de timer nog steeds goed bij het achtergrondverloop of de afbeelding van je e-mail.

Voorbeeld: een zelfgekozen achtergrondafbeelding geüpload zodat die goed past bij de achtergrond van de e-mail

Een zelfgekozen achtergrondafbeelding die is geüpload zodat deze bij de achtergrond van de e-mail past
Een aangepaste achtergrondafbeelding geüpload die perfect bij de achtergrond van de e-mail past

2. Zorg ervoor dat de achtergrondkleur bij je e-mail past, ook als je de optie voor een transparante achtergrond gebruikt

Zelfs als je een transparante achtergrond gebruikt, wordt de kwaliteit aanzienlijk beter – vanwege de manier waarop het GIF-bestandsformaat werkt – als je dezelfde achtergrondkleur kiest als de achtergrondkleur van het gedeelte van de e-mailsjabloon waar de timer wordt ingevoegd.

Als er meerdere achtergrondkleuren in je e-mailsjabloon staan, kies dan de belangrijkste.

3. Gebruik een countdown-timer met een grotere weergave

Als je echt een transparante achtergrond moet gebruiken, raden we je aan een timer te kiezen die zo groot mogelijk is. GIF’s verliezen van nature al aan kwaliteit als ze heel klein zijn, dus als je dat combineert met transparantie, zie je dat de timers er minder scherp uitzien.

We raden je aan om in het tabblad ‘Visual Design Editor’ aan de linkerkant een timer met een grotere grootte te gebruiken.

Er is een grotere countdown-timer geselecteerd op het tabblad ‘Visueel ontwerp’

4. Gebruik de labels en de functie voor cijfercontouren

Door met de omtrekfunctie wat extra dikte toe te voegen (zelfs als je dezelfde kleur gebruikt als de cijfers/labels), kun je de wazigheid van kleine lettertypes verminderen.

De instelling voor de contouren van cijfers en labels in de editor van de countdown-timer

5. Gebruik een stevig/dikker lettertype

Naast het gebruik van een grotere timer raden we ook aan om een dikker lettertype te gebruiken, zoals Gewoon archief.

Je kunt een dikker lettertype gebruiken, zoals Archivo Regular, dat in al onze betaalde abonnementen beschikbaar is. Je kunt het lettertype aanpassen via de schakelaar ‘Tekst en labels’ aan de linkerkant van de editor.

Archivo Regular is geselecteerd als een dikker lettertype op het tabblad ‘Tekst en labels’
Je kunt een dikker lettertype gebruiken, zoals Archivo Regular, dat bij al onze betaalde abonnementen beschikbaar is. Pas het lettertype aan op het tabblad ‘Tekst en labels’.

6. Kies een 'eenvoudigere' timer

Hoe meer elementen een timerstijl bevat, hoe meer daarvan minder scherp kunnen worden weergegeven als je een transparante achtergrond gebruikt. Dus als je toch een transparante achtergrond nodig hebt, raden we je aan om een van de eenvoudigere timerstijlen te gebruiken, zoals de standaardstijl.

Standaardstijl voor de countdown-timer in de stijlkeuzelijst van de Editor (schakelaar voor visueel ontwerp).

De standaardstijl van de countdown-timer die in de stijlkiezer wordt weergegeven
Standaardstijl voor de countdown-timer in de stijlkiezer (tabblad Visueel ontwerp)

Was dit artikel nuttig?