Qu’est-ce qu’une image d’horloge numérique ?

Une horloge numérique affiche l’heure sous forme de chiffres plutôt qu’avec des aiguilles sur un cadran, comme le font les réveils, les fours à micro-ondes et les tableaux d’affichage. Cet outil reproduit ce style sous forme d’image téléchargeable, en utilisant de vraies polices déjà installées dans votre navigateur au lieu d’une police dessinée sur mesure, afin que les chiffres restent nets et cohérents avec ce que vous voyez à l’écran.

Description de l’outil

Définissez les heures, les minutes et les secondes, ou récupérez l’heure actuelle en un clic, puis choisissez le format 12 heures ou 24 heures et indiquez si les secondes doivent être affichées. Choisissez une police et une taille de police, activez ou désactivez une lueur de style LED et réglez son intensité, puis définissez une couleur d’arrière-plan facultative ainsi qu’une couleur pour les chiffres. Téléchargez ensuite le résultat au format PNG ou JPG.

Fonctionnalités

  • Définir n’importe quelles heures, minutes et secondes, ou remplir instantanément l’heure actuelle
  • Format 12 heures avec un indicateur AM/PM, ou format 24 heures
  • Activer ou désactiver l’affichage des secondes
  • Choix de polices à chasse fixe et de polices système, afin que l’aperçu corresponde toujours au fichier téléchargé
  • Lueur facultative à intensité réglable, pour un effet réaliste de LED ou de réveil
  • Arrière-plan facultatif, afin d’exporter les chiffres sur un arrière-plan transparent
  • Couleur d’arrière-plan, couleur des chiffres et taille de police personnalisables
  • Télécharger au format PNG ou JPG, ou imprimer, avec une résolution jusqu’à 3× supérieure

Fonctionnement

L’heure est affichée sous forme de texte brut dans la police que vous choisissez, avec des chiffres tabulaires afin que chaque chiffre occupe la même largeur. Comme les différentes polices positionnent leurs glyphes différemment par rapport à leur propre ligne de base et à leurs approches latérales, l’outil mesure l’encre réellement rendue par chaque police à l’aide de l’API TextMetrics de Canvas et ajuste la position du texte pour qu’il reste centré dans le panneau, quelle que soit la police sélectionnée. La lueur est une propriété text-shadow placée derrière les chiffres, qui imite la façon dont un véritable affichage LED diffuse sa lumière sur son boîtier ; désactivez-la pour obtenir un rendu uniforme et épuré. Comme l’affichage est généré à partir de polices déjà installées dans votre navigateur plutôt qu’à partir d’une police personnalisée intégrée, l’image téléchargée correspond toujours exactement à l’aperçu.

Conseils

  • Activez la lueur avec un arrière-plan sombre et une couleur de chiffres rouge ou verte pour obtenir un effet réaliste de réveil ou de tableau d’affichage.
  • Désactivez l’arrière-plan pour créer un PNG transparent que vous pourrez intégrer à une autre création.
  • Désactivez « Afficher les secondes » pour obtenir un affichage de l’heure en deux parties, plus épuré, par exemple pour un visuel d’horloge murale ou une miniature.
  • Augmentez la taille de police pour une grande image de type bannière, ou gardez-la petite pour une icône ou une source de favicon.