Che cos'è un'immagine di orologio digitale?

Un orologio digitale mostra l'ora sotto forma di cifre anziché di lancette su un quadrante, come fanno le sveglie, i forni a microonde e i tabelloni segnapunti. Questo strumento riproduce quell'aspetto in un'immagine scaricabile, utilizzando font reali già installati nel browser invece di un font disegnato personalizzato, così le cifre rimangono nitide e coerenti con ciò che vedi sullo schermo.

Descrizione dello strumento

Imposta ore, minuti e secondi oppure recupera l'ora corrente con un clic, quindi scegli il formato a 12 o 24 ore e se visualizzare i secondi. Scegli un font e una dimensione del font, attiva o disattiva il bagliore in stile LED e regolane l'intensità, quindi imposta facoltativamente un colore di sfondo e un colore per le cifre; infine, scarica il risultato in formato PNG o JPG.

Funzionalità

  • Imposta qualsiasi valore per ore, minuti e secondi oppure inserisci istantaneamente l'ora corrente
  • Formato a 12 ore con indicazione AM/PM oppure formato a 24 ore
  • Attiva o disattiva la visualizzazione dei secondi
  • Scelta tra font monospazio e font di sistema, così l'anteprima corrisponde sempre al download
  • Bagliore opzionale con intensità regolabile, per un aspetto realistico da LED o da sveglia
  • Sfondo opzionale, per esportare le cifre su uno sfondo trasparente
  • Colore dello sfondo, colore delle cifre e dimensione del font personalizzabili
  • Scarica in formato PNG o JPG oppure stampa, con una risoluzione fino a 3x

Come funziona

L'ora viene visualizzata come testo semplice nel font scelto, utilizzando cifre tabulari in modo che ogni cifra occupi la stessa larghezza. Poiché font diversi posizionano i propri glifi in modo differente rispetto alla rispettiva linea di base e ai margini laterali, lo strumento misura l'area effettivamente disegnata da ciascun font tramite l'API TextMetrics di Canvas e sposta leggermente il testo, così da mantenerlo centrato nel pannello indipendentemente dal font selezionato. Il bagliore è un text-shadow dietro le cifre, che imita il modo in cui un vero display LED diffonde la luce sul proprio involucro; disattivalo per ottenere un aspetto piatto e pulito. Poiché il display utilizza font già installati nel browser anziché un font personalizzato incorporato, l'immagine scaricata ha sempre lo stesso aspetto dell'anteprima.

Suggerimenti

  • Attiva il bagliore con uno sfondo scuro e un colore delle cifre rosso o verde per ottenere un aspetto realistico da sveglia o da tabellone segnapunti.
  • Disattiva lo sfondo per creare un PNG trasparente da sovrapporre a un altro design.
  • Disattiva "Mostra secondi" per ottenere una visualizzazione dell'ora più pulita e composta da due parti, ad esempio per una grafica di orologio da parete o una miniatura.
  • Aumenta la dimensione del font per un'immagine grande in stile banner oppure mantienila ridotta per una fonte destinata a un'icona o a una favicon.