Lab【2022年最新版】Twitterで縦長サムネ実装!最適なアスペクト比を調べてみたシェアするツイートLINEで送る【2022年最新版】Twitterで縦長サムネ実装!最適なアスペクト比を調べてみた2021/05/13(UPDATE:2023/04/28)TwitteriOS/AndroidのTwitterアプリは、2021年5月5日(米現地時間)、画像に関する大きな仕様変更を行いました。タイムラインのサムネイルに、縦型を追加するものです。比率別:ヨコ画像のサムネイル比較(スマホアプリ版・PCブラウザ版)4:32:116:93:2比率別:タテ画像のサムネイル比較(スマホアプリ版・PCブラウザ版)3:41:29:162:3スクエア画像のサムネイル比較(スマホアプリ版・PCブラウザ版)1:1結論:ヨコ画像なら2:1か16:9がオススメ。タテなら3:4がベスト。まとめサムネイル仕様変更の背景そもそも今回の仕様変更ですが、サムネイル用の画像トリミングにより複数の問題が起こっていることを受けて行われたようです。Twitterに投稿された画像をタイムラインの中で見ると、サムネイルで表示されます。画像を縮小する方法ではなく、画像の一部を切り取って表示する方法がとられています。そのため、画像のうち意図しない箇所がサムネイルで抜かれてしまう可能性があるのです。部分がカットされたためにリツイートが著作権侵害行為になってしまったり、4コマ漫画のオチがサムネイルになってしまったりと、サムネイルのトリミングに起因する問題がしばしば発生しています。最高裁が判決)また、サムネイルになる箇所はAIが自動で判断しているのですが、白人を優先して切り抜く人種差別的な仕様になっているようだと話題になっていました。(参考:Twitter、投稿画像のML自動トリミングバイアス問題について「WYSIWYG」を目指すと約束)今回の変更は、画像の自動トリミングにまつわる、こうした様々な弊害を受けて行われたようです。ちなみに、縦長サムネイルが実装されたのはiOS/Androidのアプリ版です。PCや、スマホのブラウザからTwitterを閲覧した場合、従来通り横長にトリミングされてサムネイルが表示されます。今回の仕様変更を受けて、Twitterに投稿した画像のサムネイル表示はどのように変わったのでしょうか?ヨコ向き、タテ向きそれぞれの画像が、PCとスマホでどのように表示されるのか調べてみました。比率別:ヨコ画像のサムネイル比較(スマホアプリ版・PCブラウザ版)まずは、ヨコ向き画像の見え方を比率別に比較してみます。横長の画像を投稿しても、比率によっては一部がカットされますよね。サムネイル表示でもカットされず、キレイに見える横長画像の比率はいくつなのでしょうか?◆4:3左がPCブラウザ版、右がスマホアプリ版です。4:3の画像は、PCブラウザ版では上下が少し切れていますね。スマホアプリ版では、サムネイルでも全体がきれいに表示されています。◆2:12:1の比率だと、PCブラウザ版、スマホアプリ版、どちらの場合も全体がきれいに表示されています。Twitter用のバナー画像にオススメです。◆16:916:9も、PCブラウザ版、スマホアプリ版共に全体がきれいに表示されています。情報量が多い画像を投稿したい場合は、この比率が良さそうですね。一度に複数枚の画像を投稿したい場合にもおすすめの比率です。◆3:23:2の画像は、PCブラウザ版では上下が少し切れますが、スマホアプリ版では全体がきれいに表示されています。比率別:タテ画像のサムネイル比較(スマホアプリ版・PCブラウザ版)続いて今回仕様が変更された、タテ向き画像の見え方を比率別に確認していきます。◆3:4まだ縦長サムネイルが実装されていないPCブラウザ版では、上下がかなり切れています。スマホアプリ版では、縦長画像の全体がきれいに表示されています!◆1:2まだ縦長サムネイルが未実装のPCブラウザ版では、上下が大きく切れています。スマホアプリ版では縦長のサムネイルで表示されていますが、上下は少し切れてしまっていますね。◆9:16縦長サムネイル未実装のPCブラウザ版では、上下が大きく切れています。スマホアプリ版では縦長のサムネイルで表示されるものの、やはり上下は少し切れてしまっていますね。◆2:3やはりPCブラウザ版では、上下が結構切れます。スマホアプリ版は縦長なので少しマシですが、それでも上下が少し切れますね。スクエア画像のサムネイル比較(スマホアプリ版・PCブラウザ版)ヨコ向きでもタテ向きでもない、正方形の画像はどうでしょうか。Instagramでは主流のサイズですよね。◆1:1正方形の画像の場合、PCブラウザ版では上下が切れますが、スマホアプリ版では全体がきれいに表示されました。スマホユーザーが多いブランドや商品なら、Instagramの画像をTwitterに投稿するのもアリですね。BtoB商品やターゲット年齢層が高めの商品など、PCで閲覧されやすい場合は、画像は横長に編集してから投稿するのがベターです。結論:ヨコ画像なら2:1か16:9がオススメ。タテなら3:4がベスト。スマホアプリ版では、たいていのヨコ向き画像はきれいに見えるようです。PCブラウザ版では、2:1または16:9の比率だと、サムネイルでも全体がきれいに見えるのでオススメです。上下が切れると言っても少しなので、重要な要素は中央に配置するようにさえ気を付ければ、ヨコ向き画像の場合はなんとかなりそうです。今回の仕様変更で注目されるタテ向き画像ですが、3:4の比率ならスマホアプリ版でキレイに表示されます。それ以上縦長の画像になると、スマホアプリ版でも上下が切れるようです。PCブラウザ版ではまだ縦長サムネイルが実装されていない為、TwitterシステムのAIによって、重要そうだと判断された部分が自動的に切り抜かれるようになっています。以下の資料では、Twitterのキャンペーン施策を活用して自社のマーケティングに役立てる「キャンペーンの設計方法」を紹介しています。SNSキャンペーンから自社サイトへの遷移率を上げたい方は是非ご参考ください。まとめ今後、ブラウザ版でも縦長サムネイルが実装される可能性は高いです。現時点では、あえてタテ向きの画像を選ぶ必要はないでしょう。しても縦長の画像を投稿したいときには、3:4の比率にしてスマホアプリ版で見やすくすると良さそうです。複数枚の画像を同時に投稿すれば、PCブラウザ版で意図しない箇所がサムネイルとして切り取られる心配をしなくてすみます。Twitterユーザーが一番見ている「タイムライン」では、毎日たくさんのツイートが表示されます。魅力的な画像を付けることは、タイムラインの中でツイートを目に留めてもらうためにとても大切です。Twitterの仕様を理解した上で写真を投稿することで、より目に留めてもらいやすいツイートができるでしょう。【2022年最新】レシートキャンペーンツール3選|導入するメリットや選び方を解説Twitterのビジネスアカウントの作り方4ステップ|費用・メリットから管理方法まで解説お役立ち資料Twitterのお役立ち資料がまとめてダウンロードできます。