ToolBento guide
How to make an Open Graph image for a website
A practical way to make a clean social preview image for a blog post, landing page, product page, or small launch.
Recommended tool
Open the matching ToolBento utility →A blank preview looks unfinished
You notice Open Graph images most when they are missing. A good article can still look half-done in Slack, Discord, LinkedIn, or a text message if the preview card is just a gray box, a cropped logo, or some random image from the page. It is a small detail, but it changes how polished the link feels.
Keep the card simpler than the page
Do not try to squeeze the whole headline, subtitle, author bio, logo, and product pitch into one rectangle. Pick one job for the image. Usually that means a short title, a plain subtitle, and a brand name. If you have to squint at the preview, the image is doing too much.
What to enter
Open ToolBento's Open Graph Image Generator and fill in the fields like you would brief a designer. Put the main line in Title. Use Subtitle for the extra context you actually need. Add the brand name, then choose a background color and accent color that still read well on a small phone screen.
Generate it, then judge it small
Press Generate OG image to create the 1200×630 PNG. The full-size preview may look fine, but the real test is smaller. Step back from the screen or shrink the browser. If the title still reads quickly, download the image. If it feels cramped, cut words before changing colors.
Use it where your site expects social images
After downloading the PNG, use it as the og:image for the page. That might mean a CMS social image field, a static-site front matter value, or a metadata file in your app. Use the same final public URL you want people to share, not a staging link or a temporary preview page.
Test before you move on
Paste the live page into a private chat or a social preview debugger. Check the boring stuff: the right image appears, the title matches the page, the image is not cropped in a strange place, and the URL opens without a login. This takes a minute and saves the awkward second pass later.