Menu

Post image 1
Post image 2
Post image 3
1 / 3
0

How We Generate OG Images with Our Own API

DEV Community·Iteration Layer·about 1 month ago
#WODVRyh2
Reading 0:00
15s threshold

Eating Our Own Dog Food Every page on iterationlayer.com has a unique Open Graph image. Not a static fallback, not a screenshot — a generated image that matches the page's identity. We build these with the same Iteration Layer's Image Generation API we sell. This seemed like an obvious thing to do. We already had the API. We already had the infrastructure. The only question was what the images should look like. The Design We wanted something that felt branded but wasn't boring. A solid-color background or a gradient would work, but it wouldn't stand out in a social feed full of gradients. So we built a generative wave pattern — deterministic SVG art seeded by the page slug. The layout is simple: White canvas at 1200x630 (the standard OG image size) Generative wave pattern with rounded corners, inset from the edges Logo and brand name at the bottom left Tagline at the bottom right Each page gets a unique wave pattern because the slug is different.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.

Read More