og:image とは? Twitter とか Facebook で URL をシェアした時になんか良い感じに画像が表示されるアレです。 この記事では詳細は省きます。 参考 : https://developers.facebook.com/docs/sharing/webmasters/?locale=ja_JP 横1200px・縦630px で作成するんですが、サービスや環境によっては正方形に切り取られてしまうということがあります。 そのため、中央の 630px 四方に必要な情報を配置しておいて、それ以外の領域には切り取られてもいい情報や装飾のみを配置する…ということを最近してたんですが、正直「おかしくない!?!?!?」と疑問に思ってました。 もしかしたら最近はちゃんと横長で表示されるようになってるのでは?と思ったので、実際にいろんな環境で検証してみました。 今回使う感じはこんな感じで

