見出し画像

🔵Twitter Twitterカードの画像確認2020

snsの記事をリンクするときに画像の比率が変わってしまい上手く表示が出来ない。そうなる前に事前確認。

1.OGP画像シミュレータ

作った画像をブラウザにドロップするだけで表示の確認が出来るツール。

コメント 2020-07-14 120338

こんな感じでばらけてくれます。

TwitterカードとかFacebook用の画像は1200×630以上が推奨らしいですが、正方形に切り抜かれるときは630×630の正方形、角が取れることがあるので600×600がいいかもしれません。

ロゴ切れを防ぐためにも事前チェックしたほうがいいでしょう。

2.OGP確認ツール

実際にアップロードしたホームページをTwitterにリンクした際の表示をシュミレートしてくれます。

コメント 2020-07-14 121109

コメント 2020-07-14 121129

コメント 2020-07-14 121245

ということで、ラージ表示で画像を作っても「summary」の標準だとセンター部分を四角く切り抜かれてしまいす。これを意識して画像をつくらないと。

ちなみに、noteはこの表示がやや広いです・・・辛

文字いれどうすればいいねん・・・


この記事が気に入ったらサポートをしてみませんか?