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

Що створює цей генератор

Сторінка будує невеликий 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 з доступом на читання на кожному тарифі, тож запланований скрипт може прочитати недавню історію перевірок, обчислити відсоток і перегенерувати файл. Якщо підете цим шляхом, зробіть бейдж посиланням на сторінку статусу, щоб твердження стояло поруч із доказом.