個人開発者のみなさんこんにちは。
今までOGP画像を作成するのにImageMagicやGD、Pillowと格闘したことでしょう。
または、SeleniumやPuppetterが動く環境を構築したりしませんでしたか?
意外とこの作業に時間がかかるものです・・・。
そこで、OG画像をレンダリングするSaaSを用意しました。
それが
です。
デモURL
このようなデモ用のHTMLを用意しました。
クエリを変更することである程度自由に見た目を操作することができます。
このままではHTMLなのでOGP画像として利用することができません。
そこで
に任意のURLをつける
ことにより、画像化してくれます。
実際には、OGP画像用のHTMLを吐き出すエンドポイントを作成し
コンテンツのページのmetaにogp-builder.com + OGP用エンドポイントを入れることによってOGP画像の設定を自動化する事ができます。
(※現在は利用ドメインを制限中)
実際に利用される場合は任意のHTML/CSS/JSを実行した結果をOGP画像として利用していただく事ができます。
利用するドメインごとにアクセス制限をかけています。demo以外で利用したい場合は
下記からご利用ください。