--- title: "KPI Card Maker (Free Image Generator)" description: "Turn one number into a clean KPI card image: big value, label, and an up/down delta. Free maker, a one-line embed that refreshes, and an API to scale." url: "https://www.imejis.io/blogs/tutorials/kpi-card-image-generator" published: "2026-08-02" --- # KPI Card Maker (Free Image Generator) Type a headline number into a KPI card maker, add a label, set the change, and download the tile as a PNG or SVG. Done. It's for the one stat you want read in a single glance, the kind that lives in reports, emails, and Slack. ## What a KPI card shows A KPI card, sometimes called a stat tile, packs one metric into a small readable shape. Three parts do the work: - **The value:** the big number in the middle. Format it as `number` (48,250), `compact` (48.3K), `percent`, or `currency` with your own symbol. Add a prefix or suffix when you need units. - **The label:** a short caption above or below the value, like Revenue or Signups today, so the number has context. - **The delta:** an up or down badge showing the change. Green for a good move, red for a bad one, and you're the one who decides which direction counts as good. A [key performance indicator](https://en.wikipedia.org/wiki/Performance_indicator) is just a number a team watches on purpose. The card is the frame that makes it land. You can also drop in a sparkline, a tiny trend line across the bottom, and the delta will work itself out from the first and last points. One thing worth being clear on. A card image is a snapshot for humans to read. It isn't a live dashboard widget. If you need drill-downs and filters, use a BI tool. If you need a clean picture of one number that you can paste anywhere, an image fits perfectly. ## Make one free Open the [KPI card maker](/tools/kpi-card-maker). Enter your value, write a label, set the delta, pick your colors, and download the card. No signup and no watermark. Export a PNG for emails and docs, or an SVG when you want it crisp at any size. It takes whatever metric you throw at it: revenue, active users, churn, star counts. A number and a change, that's all it needs to draw a card. ## Embed it anywhere A card image embeds like any other image. One line of HTML and it renders inline: ```html Revenue KPI card, up 12.5% this month ``` This is the good bit. Swap the saved file for a **render URL** and the card regenerates on each load. Push a fresh value at the end of the day and the same URL returns an updated card. Nobody edits the email, nobody re-exports anything. A daily metric in a newsletter or a Slack post refreshes every time someone opens it. Save a static file when you want a fixed snapshot, like a milestone card pinned to a launch. Pick a render URL when the number should follow new data. ## Generate at scale One card by hand takes a minute. A hundred of them, or one every morning, is where the API saves you real time. The metric card is built into the API, so it's [a component you configure](/components/metric) once and render on demand. One call sets the value and delta and returns the image. A few ways people wire it up: - **On a schedule:** a cron job reads yesterday's number, hits the render URL, and drops the card into a morning digest. - **Per request:** your app renders a fresh tile for whatever metric a user asks about. - **Through an [AI agent over MCP](/agents):** the agent pulls the number and calls the render itself, and you write nothing. The [API docs](/apis) have real, tested calls to paste in, so you're never left guessing the request shape. Lay out the card once, then keep sending numbers. ## Start making KPI cards One number in, one tile out. - Build one now in the [KPI card maker](/tools/kpi-card-maker), free, PNG or SVG. - Configure it as an API [component](/components/metric) and render on demand. - Automate it through the [API](/apis) or an [AI agent](/agents). The free plan covers [100 renders a month](/pricing), enough to run a daily KPI post and watch it show up before you spend a thing.