フロントのエンド

Web開発をがんばりたいブログ

未分類

Twitterカードを最適化するために公式のページ読んだ。Summary with large image

by:
18/01/25

Twitterカードって縦長の画像でも大丈夫なん? これが知りたくて公式のドキュメントあたってみた。

結論から言えば、2:1のアス比に固定で切り抜きがかかる。もちろん、大きい画像の場合。

https://twitter.com/shintarowfresh/status/956387243874123778?ref_src=twcamp%5Eshare%7Ctwsrc%5Em5%7Ctwgr%5Eemail%7Ctwcon%5E7046%7Ctwterm%5E0

https://twitter.com/shintarowfresh/status/956387443850145792?ref_src=twcamp%5Eshare%7Ctwsrc%5Em5%7Ctwgr%5Eemail%7Ctwcon%5E7046%7Ctwterm%5E0

Summary with large image — Twitter Developers

A URL to a unique image representing the content of the page.

ページコンテンツを代表する「一意の画像(他のページと共通のやつはダメ)」のURLを明示。

You should not use a generic image such as your website logo, author photo, or other image that spans multiple pages.

ロゴや著者の写真等、他のページでも使ってる画像はダメな。一意の画像で。should not だから、禁止というよりも、使うべきじゃない的なニュアンスか。

Images for this Card support an aspect ratio of 2:1 with minimum dimensions of 300×157 or maximum of 4096×4096 pixels.

2:1のアス比、最小サイズは300×157 px、最大サイズは4096×4096 px。

Images must be less than 5MB in size. JPG, PNG, WEBP and GIF formats are supported. Only the first frame of an animated GIF will be used. SVG is not supported.

5メガ以下のサイズ、フォーマットはJPG, PNG, WEBP そして GIF(アニメーションGIFは最初のフレームだけ)SVGはサポートしてない 。

という感じで、他のページでも使ってる画像はダメっぽい。基本的に意訳。unique image、not use a generic imageと 明示してあるのしらんかった。サイトやブランドじゃなく、中身をあらわす画像ね。

んー。

アイキャッチ画像、横長やめようかと思ったけども、こうなってくるとまだまだ横長なのかね。せめて正方形でもええやんか。縦長やせめて正方形でいけるんならスマホの画面占有率上げられるのに。

チェッ。

ちなみに、このページは特に画像を指定してないからカード出なさそう。

コメントを残す