Cloudinaryで動的にOG画像を生成する方法質問箱やDev.toをはじめとして動的に生成されるOG画像を見かけることが増えた。 やっていることはシンプルで背景となるフレーム画像の上にテキストをのせているだけだ。 どのようにOG画像を作るか まずはいくつか代表的な方法を紹介する。 選択肢1：ImageMagickを使う Railsアプリケーションの場合、ImageMagicが選択肢に挙がるだろう。サーバーで画像を生成することになるため悪意のあるユーザーにより意図しないOG画像を生成されるのは防ぎやすい。 ただし、ユーザーによる投稿をフックにしてOG画像を生成しようとすると、サーバーへの負荷が大きくなってしまう可能性がある。また、ユーザー体験を損ねないように非同期で画像生成処理を行うなどの工夫が必要かもしれない。 選択肢2：html2canvasでクライアント側で処理を行う html2canvasという超便利なJavaScriptライブ
GitHub - jiangfengming/puppeteer-prerender: Fetch the pre-rendered content, meta and Open Graph of a SPA
imgix - The End-to-End Visual Media Solution
