Что такое изображение цифровых часов?

Цифровые часы показывают время цифрами, а не стрелками на циферблате — так же, как будильники, микроволновые печи и табло. Этот инструмент отображает время в таком виде на загружаемом изображении, используя настоящие шрифты, уже установленные в вашем браузере, вместо специально созданного шрифта, поэтому цифры остаются четкими и выглядят так же, как на экране.

Описание инструмента

Укажите часы, минуты и секунды или одним нажатием подставьте текущее время, затем выберите 12- или 24-часовой формат и укажите, нужно ли показывать секунды. Выберите шрифт и его размер, включите или выключите свечение в стиле LED и настройте его интенсивность, задайте необязательный цвет фона и цвет цифр, а затем скачайте результат в формате PNG или JPG.

Возможности

  • Установка любых часов, минут и секунд или мгновенная подстановка текущего времени
  • 12-часовой формат с обозначением AM/PM или 24-часовой формат
  • Включение или выключение отображения секунд
  • Выбор моноширинных и системных шрифтов, благодаря чему предварительный просмотр всегда совпадает с загруженным изображением
  • Необязательное свечение с регулируемой интенсивностью для реалистичного вида LED-дисплея или будильника
  • Необязательный фон, позволяющий экспортировать цифры на прозрачном фоне
  • Настройка цвета фона, цвета цифр и размера шрифта
  • Скачивание в формате PNG или JPG либо печать с разрешением до 3x

Как это работает

Время отображается как обычный текст выбранным шрифтом с табличными цифрами, поэтому каждая цифра занимает одинаковую ширину. Поскольку разные шрифты по-разному размещают свои глифы относительно базовой линии и боковых полей, инструмент измеряет фактически отображаемую область каждого шрифта с помощью API Canvas TextMetrics и смещает текст так, чтобы он оставался по центру панели независимо от выбранного шрифта. Свечение представляет собой text-shadow позади цифр и имитирует то, как настоящий LED-дисплей рассеивает свет по своему корпусу; отключите его, чтобы получить плоский и аккуратный вид. Поскольку изображение создается с использованием шрифтов, уже установленных в вашем браузере, а не встроенного пользовательского шрифта, загруженное изображение всегда выглядит точно так же, как предварительный просмотр.

Советы

  • Включите свечение, выберите темный фон и красный или зеленый цвет цифр, чтобы получить реалистичный вид будильника или табло.
  • Отключите фон, чтобы получить прозрачный PNG, который можно разместить поверх другого дизайна.
  • Отключите параметр «Показывать секунды», чтобы получить более лаконичное отображение времени из двух частей — например, для изображения настенных часов или миниатюры.
  • Увеличьте размер шрифта для крупного изображения в формате баннера или оставьте его небольшим для значка или исходного изображения favicon.