Uptime badge generator

What this generator makes

The page builds a small SVG with a label on a dark grey half and a value on a coloured half, in the familiar flat or rounded style. It is drawn with plain rectangles and text, with no scripts, no external fonts and no tracking, so it can be embedded anywhere an image can. A badge with the label "uptime" and the value "99.98%" comes out at 104 by 20 pixels. The width is estimated from the number of characters, which works for short strings; a long label may clip, so keep both halves brief.

The output is static. The number is whatever you typed, and it will say that for as long as the file exists. That is useful for a proposal, a case-study PDF or a README, but it also means the badge is only as honest as the person who made it.

Keeping a static badge honest

A badge saying 99.98% with no date invites the question: when, and measured by whom? Put the period in the label ("uptime 30d" or "Oct 2026") and update the file when the period rolls over. Take the figure from a measured source, such as the monthly report or the status page, and not from a hosting provider's marketing page. If you do not have measurements yet, do not invent a number; use a neutral badge such as "monitored" with the value "24/7" or a grey "status" with a link, and generate the real figure after the first month. The uptime calculator translates the percentage into minutes if you need to explain what 99.98% means to a client: about 8.6 minutes in a 30 day month.

Colours that mean something

Pick colours by a rule you can state, so a green badge always means the same thing. One workable convention:

• Green for 99.9% and above over the period.
• Amber between 99% and 99.9%, which is 7.2 hours to 43 minutes a month.
• Red below 99%.
• Blue or grey for neutral facts such as "monitored" or "checks every 1 min".

Embedding it

On a website, upload the downloaded .svg and reference it with an img tag that has a meaningful alt text such as "Uptime 99.98 percent, last 30 days". The SVG also carries an aria-label, but the alt text is what a screen reader reads when the image is used in a page. In Markdown, the copy button gives an image with an inline data URI. Many renderers and content systems accept that, but GitHub's Markdown typically strips data: image addresses. For a README, commit the .svg file into the repository and link it with a relative path, such as ./docs/uptime.svg.

When you need the number to update itself

A badge that changes with the data needs something that serves an SVG or JSON on every request. Tenium does not publish a ready-made badge address today. What it does provide is a status page with the per-monitor uptime that your client can open (one on the Free plan, 3 on Starter, 10 on Pro), and a REST API with read access on every plan, so a scheduled job can read recent check history, compute a percentage and regenerate the file. If you go that way, link the badge to the status page so that the claim sits next to the evidence.