Генератор бейджа аптайма

Что создаёт этот генератор

Страница строит небольшой SVG с подписью на тёмно-серой половине и значением на цветной, в привычном плоском или скруглённом стиле. Он рисуется простыми прямоугольниками и текстом, без скриптов, внешних шрифтов и трекинга, поэтому его можно вставить везде, где работает изображение. Бейдж с подписью «uptime» и значением «99,98%» получается размером 104 на 20 пикселей. Ширина оценивается по числу символов, что подходит для коротких строк; длинная подпись может обрезаться, так что держите обе половины короткими.

Результат статичен. Число — это то, что вы ввели, и оно останется таким, пока существует файл. Для коммерческого предложения, PDF с кейсом или README это удобно, но вместе с тем означает, что бейдж настолько честен, насколько честен человек, который его создал.

Как сохранить честность статичного бейджа

Бейдж с надписью 99,98% без даты вызывает вопрос: за какой период и кто измерял? Укажите период в подписи («uptime 30d» или «окт. 2026») и обновляйте файл, когда период сменится. Берите цифру из измеренного источника, например из ежемесячного отчёта или страницы статуса, а не из рекламной страницы хостинг-провайдера. Если измерений ещё нет, не придумывайте число: используйте нейтральный бейдж, например «monitored» со значением «24/7» или серый «status» со ссылкой, а настоящую цифру сгенерируйте после первого месяца. Калькулятор аптайма переведёт процент в минуты, если клиенту нужно объяснить, что такое 99,98%: примерно 8,6 минуты в 30-дневном месяце.

Цвета, которые что-то значат

Выбирайте цвета по правилу, которое можно сформулировать, чтобы зелёный бейдж всегда означал одно и то же. Одна рабочая договорённость:

• Зелёный — 99,9% и выше за период.
• Янтарный — от 99% до 99,9%, то есть от 7,2 часа до 43 минут в месяц.
• Красный — ниже 99%.
• Синий или серый — для нейтральных фактов вроде «monitored» или «checks every 1 min».

Встраивание

На сайте скачайте .svg и подключите его тегом img с осмысленным alt-текстом, например «Аптайм 99,98%, последние 30 дней». SVG также содержит aria-label, но именно alt-текст читает скринридер, когда изображение вставлено на страницу. В Markdown кнопка копирования даёт изображение со встроенным data URI. Многие рендереры и системы управления контентом его принимают, но Markdown на GitHub, как правило, вырезает адреса изображений с data:. Для README закоммитьте файл .svg в репозиторий и подключите его по относительному пути, например ./docs/uptime.svg.

Когда число должно обновляться само

Бейдж, который меняется вместе с данными, требует чего-то, что отдаёт SVG или JSON на каждый запрос. Готового адреса бейджа Tenium сегодня не публикует. Зато есть страница статуса с аптаймом по каждому монитору, которую может открыть ваш клиент (1 на тарифе Free, 3 на Starter, 10 на Pro), и REST API с доступом на чтение на любом тарифе, так что плановый скрипт может прочитать недавнюю историю проверок, вычислить процент и перегенерировать файл. Если пойдёте этим путём, сделайте бейдж ссылкой на страницу статуса, чтобы утверждение стояло рядом с доказательством.