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
関連記事
たくさんのアイディアの中から、良いと思ったものを作成したボードに保存・管理することができるPinterest。 これだけでも便利すぎて、デザイナーにとってなくてはならないWebサービスですが、更にその …
【Webデザインおすすめ書籍】Webデザイン必携。プロにまなぶ現場の制作ルール84
私が最近読んでタメになった、オススメのWebデザインの本をご紹介します。 Webデザイン必携。プロにまなぶ現場の制作ルール84 図やキャプチャが多く使われていてサクサク読み …
Webサイトのスマホ対応はWebサイト制作において、もはや必須要件となってきていますよね。 とはいえ、スマホに適したデザインを考えるのは難しく迷ってしまうことも多いのではないでしょうか。 そこで今回は …
ポリゴン風の背景画像やイメージを生成してくれるジェネレーター
Webサイトや、バナーなどのバックグラウンドなどでよく使われているポリゴンスタイル。 素材サイトなどでも探すことはできますが、なかなかデザインに合うものが見つからない時もありますよね。 そこで今回は、 …
【Illustrator】アートボードを一発でオブジェクトぴったりのサイズに変更する方法
こんにちは、ぶちこです。 昨日に引き続き、Illustratorのアートボードの便利なテクニックについてご紹介をしたいと思います。 今回はブログのタイトルにある通り、「アートボードをオブジェクトぴった …
2019/10/18
【Illustrator】配置した背景透明のPSD画像に黒いラインが出てしまう時の対処法
2019/08/19
レトロ・ヴィンテージ風なベクター素材が揃った「Retro Vectors」
2019/08/07
ウェブサイトの配色を解析してくれる「Web Colour Data」