12周年記念パーティ開催! 2024/5/10(金) 19:00

攻略、OGP画像作成

全3回

SNSでリンクをシェアした際などに表示されるOGP画像。その仕様から作成までの一連の知識を身につけられるシリーズです。

最終回 Cloudinaryを利用したOGP画像の生成

Coundinaryを利用してOGP画像を生成します。サービスの編集画面を使い、プレビューを見ながら、直感的な操作でさまざまな設定を行ってみましょう。

第2回 「imgix」を利用したOGP画像の生成

画像向けのCDN「imgix」を利用して、コマンドを叩くだけでOGP画像を生成する方法を紹介します。テキスト違い、色違いのバリエーションに柔軟に対応できます。

第1回 OGP画像の仕様

SNSにリンクをシェアすると現れる画像は、OGP画像と呼ばれ、meta要素に指定することで表示されます。第1回目はどのような画像を準備すべきか、主要SNSの仕様をもとに解説します。