目次一覧
状態:-
閲覧数:5,968
投稿日:2019-06-30
更新日:2019-06-30
Twitter 画像は4種類ある / プロフィールページヘッダー画像 / プロフィール画像
タイムライン画像 / Twitterでシェアされたときに表示される画像(Twitterカード)サイズ / デスクトップ vs モバイル
600×335 vs 506×253 / そもそも論として
タイムライン画像 / Twitterでシェアされたときに表示される画像(Twitterカード)サイズ / デスクトップ vs モバイル
600×335 vs 506×253 / そもそも論として
Twitter 画像は4種類ある / プロフィールページヘッダー画像 / プロフィール画像
Twitter 画像は4種類ある
プロフィールページヘッダー画像
プロフィール画像
タイムライン画像
Twitterでシェアされたときに表示される画像(Twitterカード)サイズ
プロフィールページヘッダー画像
推奨サイズ
1500x500ピクセル
プロフィール画像
推奨サイズ
400x400ピクセル
サイズ(寸法)を確認する。プロフィール画像の推奨サイズは400x400ピクセルです。ヘッダー画像の推奨サイズは1500x500ピクセルです。
・プロフィール画像のアップロードについてのヘルプ・Twitterプロフィールページ画像サイズは「1500✕500」「400✕400」
タイムライン画像 / Twitterでシェアされたときに表示される画像(Twitterカード)サイズ
タイムライン画像
考慮すべき事柄は大きく2種類ある
・表示サイズ
・アップロード(ダウンロード)可能なサイズ(外形サイズ、ファイル容量)
表示サイズ
公式サイトでは、下記言及しかされていない
写真やGIF画像付きでツイートする方法
追加できる画像のサイズとファイルの種類は?
画像のサイズは、展開したツイートやフォトギャラリーでの表示に合わせて自動的に調整されます。
Twitter Businessさんのツイート画像のサイズは、展開したツイートやフォトギャラリーでの表示に合わせて自動的に調整されます。
Tip: If you want your entire image to be visible in the Tweet preview, use a horizontal image w/ a 2:1 aspect ratio (e.g. 1024 X 512 pixels)
アップロード(ダウンロード)可能なサイズ(外形サイズ、ファイル容量)
2020/2/12 動作確認テスト結果一覧表
- | アップロード画像 | ダウンロード画像 | 備考 |
---|---|---|---|
拡張子 | .png | .jpg | - |
ファイルサイズ | 39.0MB | 536KB | - |
画像の大きさ | 7680×4320 | 4096×2304 | 条件2に該当。4096を超えていたため、4096へ変換された |
Steps to check:
1) if it has orientation set to rotate the image, we will transcode
2) if it is over 4096 in any dimension, we will transcode
3) if it is over 5 MBs, we will transcode
4) if the compression is very inefficient (worse than 1 pixel per byte), we will transcode
1) if it has orientation set to rotate the image, we will transcode
2) if it is over 4096 in any dimension, we will transcode
3) if it is over 5 MBs, we will transcode
4) if the compression is very inefficient (worse than 1 pixel per byte), we will transcode
確認手順:
1)画像を回転するように方向が設定されている場合、トランスコードします
2)何れかの辺で4096を超える場合、トランスコードします
3)5 MBを超える場合、トランスコードします
4)圧縮が非常に非効率的である場合(1バイトあたり1ピクセル未満)、トランスコードします
・Twitterの画像サイズ制限について。1辺が4049pxlを超えるもの、はどこで確認できますか?1)画像を回転するように方向が設定されている場合、トランスコードします
2)何れかの辺で4096を超える場合、トランスコードします
3)5 MBを超える場合、トランスコードします
4)圧縮が非常に非効率的である場合(1バイトあたり1ピクセル未満)、トランスコードします
・Nolan O'BrienさんはTwitterを使っています
・Twitter、高画質JPEG画像をほぼ劣化させず表示するように 長辺4096ピクセル・5MBまで
Twitterでシェアされたときに表示される画像(Twitterカード)サイズ
このカードの画像は2:1の縦横比をサポートし、最小サイズは300 x 157、または最大4096 x 4096ピクセルです。
Summary with large imageデスクトップ vs モバイル / 600×335 vs 506×253 / そもそも論として
デスクトップ vs モバイル
モバイル向けの仕様に合わせる
注記: デスクトップ向けとモバイル向けに同じ画像を使う場合には、モバイル向けの仕様に合わせることをおすすめします。デスクトップ向けの仕様に合わせるとモバイルでうまく表示されない可能性があります。
モバイル
画像サイズ: 横600×縦335ピクセル以上。大きい画像(横1200×縦675ピクセルなど)を使った方が、利用者が画像を拡大したときに精細に表示されます。
縦横比: 横16:縦9
縦横比: 横16:縦9
デスクトップ
画像サイズ: 横のサイズは600ピクセル以上を推奨。大きい画像(1200ピクセルなど)を使った方が、利用者が画像を拡大したときに精細に表示されます。縦のサイズは無制限ですが、縦サイズが横サイズより大きい場合は縦横比が1:1になるように画像がトリミングされます(詳しくは「縦横比」を参照)。
縦横比: 横2:縦1から横1:縦1の間であれば表示可能。横1200×縦600(2:1)、横1200×縦800(3:2)、横1200×縦1200(1:1)などに対応します。縦サイズの方が大きい(横1200×縦1400など)場合には、縦横比が1:1になるように画像がトリミングされます。
縦横比: 横2:縦1から横1:縦1の間であれば表示可能。横1200×縦600(2:1)、横1200×縦800(3:2)、横1200×縦1200(1:1)などに対応します。縦サイズの方が大きい(横1200×縦1400など)場合には、縦横比が1:1になるように画像がトリミングされます。
・Twitter広告で使える各クリエイティブの特徴
16:9=600:x
16x=9*600
9*600/16 = 337.5
・単一の画像付きツイートの画像サイズについて16x=9*600
9*600/16 = 337.5
Twitter Developers
画像サイズについては言及していない
600×335 vs 506×253
ネットに溢れているタイムライン画像サイズ
506×253
実際に計測してみたら?
2枚しか計測していないが、何れも「横505.98px」だった
506×253は何なの?
画像サイズ w:506 × h:253
アスペクト比 2:1
アスペクト比 2:1
モバイル比率16対9で計算してみる
9*506/16=284.625
厳密に計算してみる
9*505.98/16 = 284.61375
そもそも論として
クリックした場合、拡大表示しなくて良いの?