betterimage.io

The editor runs in the browser. A user picks one of the starter designs, types a title, adds a photo if wanted, and downloads the result. The live preview matches the exported file. Controls cover backgrounds (color meshes, flat colors, gradients, or a tinted photo), fifteen to sixteen typefaces set per element, layout variants and in-editor cropping. The image slot can be framed as a browser window or a phone for product screenshots.

A pasted link prefills the card from the page's title, description, author and images, and a design picked by a model called Jev. One design exports at six sizes, with an optional 2x for high-DPI screens. For automation, an HTTP API renders saved templates through signed og:image URLs or a REST endpoint, and an npm package builds those URLs in JavaScript and TypeScript. An MCP server lets assistants such as Claude and Cursor make cards. Free tools include a link preview checker and a meta tag generator.

Bloggers, newsletter writers, podcasters, indie makers and small teams who need consistent images for posts and link previews without learning a full design tool. Developers can use the API or npm package to generate a unique og:image for every page from one saved template. It is not a layered design tool.

Freemium. The editor is free with no signup, and an optional free account saves templates. The site lists Free, Starter and Growth plans, and clean renders through the MCP server need a paid plan, but prices are not shown in the provided text.