OGP画像シュミレータ「og:image Simulator」
使い方は簡単で、作成したOGP画像をドラッグ&ドロップするだけで、Facebookで表示される5パターンのOGP画像が作成され、それぞれどの様に表示されるのかを一度に確認することができます。
結果を見て、見切れているところなどデザインを調整していけば適切なOGP画像を作成することができますよ。
OGP画像の推奨画像サイズ(1200 x 630 px)も記載されているので、作成する際サイズに迷うこともなく助かりますね!
投稿日:
使い方は簡単で、作成したOGP画像をドラッグ&ドロップするだけで、Facebookで表示される5パターンのOGP画像が作成され、それぞれどの様に表示されるのかを一度に確認することができます。
結果を見て、見切れているところなどデザインを調整していけば適切なOGP画像を作成することができますよ。
OGP画像の推奨画像サイズ(1200 x 630 px)も記載されているので、作成する際サイズに迷うこともなく助かりますね!
執筆者:buchiko
関連記事
ウェブサイトの配色を解析してくれる「Web Colour Data」
ウェブサイトを作る時、配色をどうするかも悩みどころの1つですよね。 そんな時は、ウェブサイトで使われている色を解析してくれるサイト「Web Colour Data」が便利です! 制作するサイトの同業他 …
いきなりですが、みなさんはブラインドタッチ(タッチタイピング)はできますか? お恥ずかしい話、私は今まで独自のタイピングできてしまったので、ある程度早く打つことはできますが、たまにキーボードを見ない …
【Webデザインおすすめ書籍】Webデザイン良質見本帳 目的別に探せて、すぐに使えるアイデア集
今日は久しぶりに、Webデザイン関連のおすすめの本をご紹介したいと思います。 デザインのアイディアやヒントが欲しい方、クライアントと方向性を決める時に参考となるものが欲しいという方、必見の本ですよ! …
2019/10/18
【Illustrator】配置した背景透明のPSD画像に黒いラインが出てしまう時の対処法
2019/08/19
レトロ・ヴィンテージ風なベクター素材が揃った「Retro Vectors」
2019/08/07
ウェブサイトの配色を解析してくれる「Web Colour Data」