OG Image Placeholder Generator
Free online og image placeholder generator that runs entirely in your browser.
How the OG Image Placeholder Generator works
The OG Image Placeholder Generator works on Width (px), Height (px), Background hex, Text hex, Label (optional) and shows the result as you type. The same input always gives the same answer — refresh the page and you will see exactly the same figure, and nothing you type is sent anywhere.
Formula used
OG Image Placeholder Generator is computed by the formula below, using the inputs you provide.
Inputs used: Width (px), Height (px), Background hex, Text hex, Label (optional).
Worked example
Take the default example — width (px) of 1200, height (px) of 630, background hex of #0f172a, text hex of #f8fafc, label (optional) of OG Image 1200×630:
- output: <svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630"><rect width="100%" height="100%" fill="#0f172a"/><text x="50%" y="50%" fill="#f8fafc" font-family="system-ui, sans-serif" font-size="63" text-anchor="middle" dominant-baseline="middle">OG Image 1200×630</text></svg>
- mime: image/svg+xml
- width: 1,200
- height: 630
Frequently asked questions
- Is the OG Image Placeholder Generator free?
- Yes. There is no signup, no usage limit and no watermark — the generator runs entirely in your browser.
- Does the OG Image Placeholder Generator store or send my data?
- No. Every calculation happens locally in the page, so the numbers you type are never uploaded or logged.
- Does it work on a phone and offline?
- Yes — the page is a single lightweight file that adapts to any screen size. Once it has loaded it keeps working without a network connection.
- What inputs does the OG Image Placeholder Generator need?
- Width (px), Height (px), Background hex, Text hex, Label (optional). Change any of them and the result updates instantly.