OGCanvas
A visual editor for dynamic Open Graph images
19 followers
A visual editor for dynamic Open Graph images
19 followers
OGCanvas turns one design into every Open Graph image your site needs. Create a polished 1200×630 template in a visual editor, make text, images, and colors dynamic, then use one hosted render URL to generate a unique preview for each page. Start with 30 templates, preview links across social platforms, and export PNG, JPEG, or WebP. Free to design and download - no watermark or credit card required.
the one-hosted-render-url part is what caught my eye, since it means the image is generated at request time rather than baked at build time. curious how you handle crawler caching though - twitter/linkedin/facebook all cache the og image aggressively once they've scraped a url, sometimes for days. if the underlying data behind a render changes (price update, headline edit, whatever), does the old cached preview just stay stale on those platforms until someone forces a re-scrape, or is there a way around that built in?
the per-page dynamic rendering beats baking images at build time for sure. one thing I'd want to know before wiring this into a blog with a lot of posts - if I go back and tweak the template later (swap a color, change a font), does that retroactively change every already-generated render url that uses it, or does each page freeze at whatever the template looked like when it was first generated? asking because a small design tweak silently changing hundreds of live social previews at once could be a fun surprise in either direction
Tried it with a simple blog template and the dynamic text fields actually worked as advertised when I swapped the URL params. The export options being free without a watermark is a nice touch, didn't expect that.
@rza1192250 Thanks for checking out
I built an OG image pipeline for my own site so I appreciate what you're doing here. The thing that surprised me most wasn't rendering, it was caching. Social crawlers hold onto old images long after you regenerate them. Does OGCanvas handle cache busting on the hosted render URL, or is that left to the user?