Was ist ein Bild einer Digitaluhr?

Eine Digitaluhr zeigt die Zeit als Ziffern statt mithilfe von Zeigern auf einem Zifferblatt – so wie Wecker, Mikrowellen und Anzeigetafeln. Dieses Tool erzeugt diese Darstellung als herunterladbares Bild. Dabei werden die bereits in Ihrem Browser installierten echten Schriftarten verwendet, anstatt eine eigene Schriftart zu zeichnen. So bleiben die Ziffern gestochen scharf und stimmen mit der Darstellung auf dem Bildschirm überein.

Beschreibung des Tools

Legen Sie Stunden, Minuten und Sekunden fest oder übernehmen Sie die aktuelle Zeit mit einem Klick. Wählen Sie anschließend das 12- oder 24-Stunden-Format und legen Sie fest, ob die Sekunden angezeigt werden sollen. Wählen Sie eine Schriftart und Schriftgröße, aktivieren oder deaktivieren Sie ein Leuchten im LED-Stil und passen Sie dessen Intensität an. Sie können außerdem optional eine Hintergrundfarbe und eine Ziffernfarbe festlegen und das Ergebnis anschließend als PNG oder JPG herunterladen.

Funktionen

  • Beliebige Stunden, Minuten und Sekunden festlegen oder sofort die aktuelle Zeit einfügen
  • 12-Stunden-Format mit AM/PM-Anzeige oder 24-Stunden-Format
  • Sekundenanzeige ein- oder ausschalten
  • Auswahl aus Monospace- und Systemschriften, damit Vorschau und Download immer übereinstimmen
  • Optionales Leuchten mit anpassbarer Intensität für eine realistische LED- oder Weckeroptik
  • Optionaler Hintergrund, damit Sie die Ziffern auf transparentem Hintergrund exportieren können
  • Anpassbare Hintergrundfarbe, Ziffernfarbe und Schriftgröße
  • Als PNG oder JPG herunterladen oder mit bis zu dreifacher Auflösung drucken

So funktioniert es

Die Zeit wird als Klartext in der von Ihnen gewählten Schriftart dargestellt, wobei proportionale Ziffern verwendet werden, damit jede Ziffer dieselbe Breite einnimmt. Da verschiedene Schriftarten ihre Glyphen relativ zur eigenen Grundlinie und zu ihren Seitenabständen unterschiedlich positionieren, misst das Tool die tatsächlich gerenderte Fläche jeder Schriftart mithilfe der Canvas-API TextMetrics und verschiebt den Text geringfügig, damit er unabhängig von der ausgewählten Schriftart stets in der Mitte des Bedienfelds bleibt. Das Leuchten wird als text-shadow hinter den Ziffern dargestellt und ahmt nach, wie bei einer echten LED-Anzeige Licht auf das Gehäuse fällt. Deaktivieren Sie es für eine flache, klare Darstellung. Da die Anzeige aus Schriftarten erstellt wird, die bereits in Ihrem Browser installiert sind, statt aus einer eingebetteten benutzerdefinierten Schriftart, sieht das heruntergeladene Bild immer genauso aus wie die Vorschau.

Tipps

  • Aktivieren Sie das Leuchten vor einem dunklen Hintergrund und wählen Sie eine rote oder grüne Ziffernfarbe für eine realistische Wecker- oder Anzeigetafeloptik.
  • Deaktivieren Sie den Hintergrund für ein transparentes PNG, das Sie in ein anderes Design einfügen können.
  • Deaktivieren Sie „Sekunden anzeigen“ für eine klarere zweiteilige Zeitanzeige, beispielsweise für eine Wanduhrgrafik oder ein Vorschaubild.
  • Erhöhen Sie die Schriftgröße für ein großes Bild im Bannerstil oder halten Sie sie für eine Icon- oder Favicon-Vorlage klein.