Wat is een afbeelding van een digitale klok?

Een digitale klok toont de tijd als cijfers in plaats van wijzers op een wijzerplaat, zoals alarmklokken, magnetrons en scoreborden dat doen. Deze tool geeft die weergave weer als een downloadbare afbeelding, met echte lettertypen die al in je browser zijn geïnstalleerd in plaats van een speciaal getekend lettertype. Zo blijven de cijfers scherp en komen ze overeen met wat je op het scherm ziet.

Beschrijving van de tool

Stel de uren, minuten en seconden in, of haal met één klik de huidige tijd op. Kies vervolgens de 12-uurs- of 24-uursnotatie en geef aan of de seconden moeten worden weergegeven. Kies een lettertype en lettergrootte, schakel een gloed in LED-stijl in of uit en stel de intensiteit ervan in. Stel ook optioneel een achtergrondkleur en een cijmerkleur in en download het resultaat als PNG- of JPG-bestand.

Functies

  • Stel willekeurige uren, minuten en seconden in of vul direct de huidige tijd in
  • 12-uursnotatie met een AM/PM-label of 24-uursnotatie
  • Schakel de weergave van seconden in of uit
  • Keuze uit monospace- en systeemlettertypen, zodat het voorbeeld altijd overeenkomt met de download
  • Een optionele gloed met instelbare intensiteit voor een realistische LED- of alarmklokweergave
  • Een optionele achtergrond, zodat je de cijfers op een transparante achtergrond kunt exporteren
  • Aanpasbare achtergrondkleur, cijmerkleur en lettergrootte
  • Downloaden als PNG of JPG of afdrukken met een resolutie tot 3×

Hoe het werkt

De tijd wordt als gewone tekst weergegeven in het lettertype dat je kiest, met tabellarische cijfers zodat elk cijfer dezelfde breedte inneemt. Omdat verschillende lettertypen hun glyphs anders plaatsen ten opzichte van hun eigen basislijn en zij-inspringingen, meet de tool de daadwerkelijk weergegeven inkt van elk lettertype met de Canvas-API TextMetrics en verschuift de tekst zodat deze altijd gecentreerd blijft in het paneel, ongeacht welk lettertype is geselecteerd. De gloed is een text-shadow achter de cijfers, waarmee wordt nagebootst hoe een echt LED-scherm licht over de behuizing verspreidt. Schakel de gloed uit voor een vlakke, strakke weergave. Omdat het display is opgebouwd uit lettertypen die al op je browser zijn geïnstalleerd en niet uit een ingesloten aangepast lettertype, ziet de gedownloade afbeelding er altijd precies hetzelfde uit als het voorbeeld.

Tips

  • Schakel de gloed in met een donkere achtergrond en rode of groene cijfers voor een realistische alarmklok- of scorebordweergave.
  • Schakel de achtergrond uit voor een transparante PNG die je op een ander ontwerp kunt plaatsen.
  • Schakel ‘Seconden weergeven’ uit voor een strakkere tijdweergave in twee delen, bijvoorbeeld voor een afbeelding van een wandklok of een thumbnail.
  • Vergroot de lettergrootte voor een grote afbeelding in bannerstijl of houd deze klein voor een pictogram of favicon-bron.