Twitter のバナー、ヘッダー、写真のサイズに関するガイドの更新
公開: 2022-07-13Twitter は、ほとんどの Web サイトと同様に、時々変更されます。 Twitter が変更することの 1 つは、非常に大きな方法と非常に小さな方法の両方で、レイアウトです。 お気に入りをいいねに変えるなど、いくつかの大きな変更があります。 その他の変更は、画像のトリミング方法など、より微妙です。
この記事の発行日現在、以下の情報は正確である必要があります。 投稿を更新する場合は、この段落を変更して、ここでお知らせします。
ヘッダー画像
Twitter のヘッダー画像は、たまにしか見られない巨大な看板のようなものです。 自分の Twitter フィードを閲覧しているユーザーには表示されません。 彼らはそれを見るためにあなたのプロフィールページにアクセスする必要があります.
Twitter では、非常に幅の広い画像をアップロードしてヘッダーにすることをお勧めします。 意図したサイズは1500 x 500です。 幅 1,500 ピクセル、高さ 500 ピクセル。 シンプル、簡単、話の終わりですよね？
まあ、それはあなたがオニオンのようで、最近の人気のある記事の画像をトップバナーとして使用する場合です. レイアウトを複雑にする必要はありません。 画像を適切なサイズにトリミングしてアップロードするだけです。 見た目が良ければ使って大丈夫です。
ただし、一部の企業の場合は、もう少し最適化されたものが必要になる場合があります。 通常、トップ バナーを行動喚起として使用することをお勧めします。 しかし、多くの問題があります。
まず、トップ バナーのサイズは 1,500 x 500 ではありません。一般的なワイドスクリーン モニターを使用している場合、実際には 1,263 x 421 に近いサイズです。 これは、一部の解像度で使用できる垂直および水平のガターを占めています。 背景要素を調べて特定のバナーの画像を表示すると、通常、画像の上部と下部に垂直方向に少なくともいくつかの要素が表示されます。
ブラウザをクリック アンド ドラッグしてサイズを変更すると、Twitter が画像を動的に調整する様子がわかります。 さまざまな解像度で、画像がわずかにズームインまたはズームアウトする様子がわかります。 これは、利用可能なスペースを使用して調整しています。 十分に縮小すると、代わりにスクロール バーが表示されます。
次に、モバイルを検討する必要があります。 Twitter アプリを使用すると、同じ画像が同じサイズで表示され、縮小されます。 これが意味することは、バナーのテキストになんらかの行動を促すフレーズを使用したい場合、テキストを小さすぎて読めなくなるほど小さくすることはできないということです。
行動を促すフレーズをトップ バナーに配置する場合は、2 つのことを行う必要があります。 まず、画像の絶対的な上下を避けます。 そのスペースの一部はガターによって占められ、画像にズームと調整の余地を与えます。
次に、左から約 3 分の 1 ほど左下隅を避けます。 プロフィール画像とその周りの細い境界線で覆われているセクションがあります。 そのセクションに配置したテキストや行動を促すフレーズは、プロフィール写真の後ろに隠されます。
ヒント:より大きな画像を使用してください。 Twitter では、最小 1500×500 を推奨しています。 あなたはそれに限定されていません！ 1920×1080 の画像をアップロードし、ズーム、水平方向と垂直方向の配置、トリミングを行って、必要な場所に正確に配置することがよくあります。
できることの 1 つは、バナーを作成してから、キャンバスを全方向に数百ピクセル拡大することです。 画像をアップロードするときは、表示したい正確な位置に慎重に配置できます。
プロフィール写真
最近のあなたのプロフィール写真は丸です。 ここで、Twitter は 400×400 ピクセルの正方形の画像を推奨しています。 ディスプレイは直径約 400 ピクセルの円になりますが、画像をアップロードするときに画像を調整できます。 400×400 ピクセルの画像または 2000×2000 ピクセルの画像は、どちらも同じズーム オプションを使用できます。
プロフィール画像にする画像をアップロードすると、ズームインおよびズームアウトできます。端が切れない程度にズームインしている場合は、水平方向および垂直方向にスライドできます。 画像の端に限定されているため、Twitter は十分なサイズの画像を推奨しています。
ズームは無制限ではありません。 正方形の画像でない場合にのみ、画像を外側にズームできます。 垂直または水平のいずれかが使用可能な最小スペースになるまで、わずかにズームアウトできます。 私が見つけたいくつかの画像では、それが可能で、約 80% のズームです。 一方、完全に正方形の画像で約 150% 程度、おそらく最大 200% までズームインして、必要な正確な位置を取得できます。
Twitter が 400 ピクセルの正方形の画像を必要とする理由は、サイズ変更を最小限に抑えるためです。 非常に大きな画像は、アップロード時に縮小する必要があり、画像がぼやけてしまいます。 非常に小さい画像は、頭がぼやけすぎて拒否されます。
この場合、上記の提案は実際には当てはまりません。 代わりに、私は別のものを持っています。
プロのヒント:画像を必要以上に大きくしてください。 ロゴ イメージを端から端まで 400 ピクセルにし、正方形を維持しながら、各辺に約 50 ピクセルのガターを追加します。 そうすれば、画像をアップロードするときに、実際に手を伸ばして触れなくても、端の周りに十分なスペースを確保して境界線とよく合うように、画像をズームインできます。 少しの微調整は価値があります。
画像投稿の寸法
画像をフィードに投稿すると、投稿形式に合わせて折りたたまれます。 場合によっては、これは画像の上部と下部が切り取られることを意味します。 複数の画像を投稿すると、1 つの画像がスペースの 3 分の 2 を占め、残りのスペースを 2 つまたは 3 つに分割することになります。 Twitter の投稿には、個別に最大 4 つの画像しか含めることができません。
写真が投稿の一部であり、リンクに添付されている場合、その写真は 440 x 220 ピクセルです。 広く水平で、クリックしても拡大しません。 クリックすると、代わりに投稿に移動します。 前と同じように、これを拡大することはできますが、トリミングされるため、調整するオプションはありません。
単純に 4 つの画像をアップロードすると、アップロードした順に表示されます。 最初の画像がメイン画像で、残りの 1 つ、2 つ、または 3 つが残りのスペースのセクションとして指定されます。 画像を 2 つだけアップロードすると、同じ 440×220 のスペースが 2 つの 220×220 の正方形に分割されます。
1 つの画像には最大 440×440 のスペースが割り当てられます。 画像自体が横方向に小さい場合、上下がわずかにトリミングされます。 画像が縦方向に小さい場合、幅が広すぎない限りレターボックス形式で表示されます。幅が広すぎる場合はトリミングされます。
3 つの画像をアップロードすると、1 つの画像が画像の左側 3 分の 2 を占める正方形として配置され、残りの 2 つの画像はその右側に垂直に積み重ねられた正方形として配置されます。 4 つの画像のアップロードは同じですが、プライマリ画像により多くの領域が与えられ、他の 3 つの画像の正方形の縦方向のスタックをより高くすることができます。
これはすべてトリッキーですが、実際には「可能な限り正方形の画像をアップロードする」ことを意味します。 Twitter は、正方形内にできるだけ多くの画像を表示しようとします。 画像のいずれかがトリミングされている場合 (ほとんどの場合、縦に長い画像の場合)、ユーザーはそれをタップまたはクリックして全体を表示する必要があります。
Twitterで画像を使用するためのヒント
まずはプロフィール写真。 99% の確率で、プロフィール写真は自分の写真またはロゴにする必要があります。 多くのアーティストが、自分の作品の一部または芸術的な自画像をプロフィール写真として使用することを選択していることを知っています。 これもまったく問題ありません。
一般に、他の形式のプロフィール写真は避ける必要があります。 プロフィール写真を空白のままにしておくと、基本的な空のプロフィール シルエットが作成され、アカウントに記入した場合よりも信頼性が低くなる可能性があります。
行動を促すフレーズとしてプロフィール写真を使用することはお勧めしません。 ほぼすべての表示モードで、小さすぎます。 そのスペースに入れたものは、実際には表示されません。
トップ バナー画像は、あなたの活動を紹介するのに最適な場所です。 銀行には、窓口係と幸せな顧客のシーンがあるかもしれません。 写真家は、素晴らしい風景を撮った写真を見せるかもしれません。 アーティストは、最近制作した大きな作品を展示できます。
地元の企業は、場所の写真を撮る価値があると考えることがよくあります。これは、隠れ家や目立たない建物にある場合に、ユーザーが場所を見つけるのに役立ちます。
他のブランド、特にデジタル ブランドは、プロフィール バナーを一種の広告看板として利用できます。 そのスペースに、インフォグラフィックやランディング ページに似たイラストを使用して、より大きなテキスト ベースの行動を促すフレーズを配置します。 たとえば、自分が制作した電子書籍の本の表紙や一連の本の表紙を紹介できます。
他の企業は、現在の傾向に一致する何かを行う可能性があります。 この記事を書いている時点で、Hubspot には大きなプライド バナーが署名のオレンジ色で表示されていますが、プロフィール写真はプライド フラグの虹です。
著者であり、人権キャンペーンの報道官でもあるサラ マクブライドは、自分のプロフィール バナーを使用して自分の本を宣伝しています。 行動を促すフレーズと本の表紙の画像を含む大きくてシンプルな画像であり、優れたパフォーマンスを発揮します。
ツイートの一部として画像を投稿するときは、単一の画像がレターボックス形式で最も効果的であることを覚えておいてください。 画像を作成し、それを使用してテキスト スペースを拡張できます。 ソフトな CTA と説明を 280 文字で使用し、画像をテキスト用のスペースとして使用します。 Twitter は Facebook ではないことを忘れないでください。テキストが多すぎるという理由で投稿が拒否されることはありません。
一度に複数の画像をアップロードする場合、最大 4 つまでに制限されていることに注意してください。 一度に 1 つまたは 2 つの画像が同じように表示されますが、3 つまたは 4 つあると、2 番目から 4 番目の画像が縮小され、スペースが少なくなります。 3 番目と 4 番目の画像自体がコラージュであり、ほとんど理解できないほど縮小されている、任天堂の新しいゲームに関するこの最近の投稿のような結果になる可能性があります。
それ以外の場合、Twitter での画像の使用のほとんどは、 Twitter カードの使用に帰着します。 ありがたいことに、私はあなたのために2つの良いリソースを持っています. 1 つ目は、サイトに Twitter カードをインストールすることに関するこの投稿です。 ただし、Twitter カードにはさまざまなスタイルがあり、それらをすべて理解するのは難しい場合があります。 そのため、Twitter カードの究極のガイドがあります。
それ以上に、いつものこと以外に Twitter の画像に関するヒントを提供することはできません。 高品質の画像を作成し、画像がまったく失われるほど多くのテキストで覆わないようにし、通常の Twitter プロファイルである泥沼から目立つようにします。 モーションを追加して投稿を目立たせるために、可能な限り GIF や動画を使用することを検討してください。
Twitter が再び動作やサイズを変更していることに気づいたら、この投稿を必ず更新します。 何かが起きていると思われる場合はチェックしてください。まだ気づいていない場合はコメントを残してください。