アメブロ【新プロフィール】カバー・ヘッダー画像のサイズ（大きさ）について考察してみた。
2018年4月18日より、アメーバブログのプロフィールページのヘッダー画像が設定出来るようになっています。
そこで、パソコン、タブレット、スマートフォンなど、各端末からどの様に表示されるかをメモとして残しておきます。
画像作成の参考になれば幸いです。
パソコン表示 1120×256px（適正サイズ）
PCから表示される画像サイズは、上記の通りとなっています。
1120×256pxの画像を作成
実際に表示させてPCから見てみる
上下左右ともにピッタリ収まっています。
これが適正・基準サイズとなります。
しかし、スマートフォンやタブレットで見みると一部が切れます。
スマートフォン（iPhone8 横幅375px）で見てみる
上下は問題ありませんが、左右がカットされているのが解ります。
タブレット（iPad 横幅768px）で見てみる
横幅は問題ないですが、上下がカットされています。
スマートフォン及びタブレットで表示される範囲を確かめる
新たなテスト用画像（1120×256px）を作ってみた
先程の画像の上に、910×256pxのマスクをかけた状態。
パソコンでの表示確認（一応）
一応の確認です。
タブレット（横幅768px）で確認
切り取られる範囲が、解りやすくなってきました。
スマートフォン(iPhone８ 横幅375px)で確認
かなり明確になってきましたが、注意が必要です。
スマートフォン表示を意識した画像作成の注意点
スマートフォンの機種によって表示範囲が変わります。
横幅414pxのスマホ（iPhone 6・6s・7・8 Plus・XR・MAX など）の場合
横幅375pxのスマホ（iPhone6・6s・7・8・X・XS・SE2）の場合
横幅320pxのスマホ（iPhone5・5S・SE1）の場合
上記の通り、端末によって表示範囲が変わります。
これが皆様を悩ませる要因ではないでしょうか^^;
多くの方が利用されているスマホ画面サイズとは？
※判らないので、私が運営する あるサイトのデータを参考までにご紹介いたします。
2019年1月1日～5月26日までのアクセス状況
モバイル端末情報
画面解像度（数字）を検索すると、機種を特定できます。
例えば、1位の「375×667 機種」と検索すると・・
iPhone 6、iPhone 6s、iPhone 7、iPhone 8、iPhone SE2 のどれか、という事になります。
「320×568」のディバイスからのアクセスもかなりあります。
こちらは、iPhone 5、5s、iP5c、SE1 のどれかになります。
つまり、上記のサイトにおいては、上記ユーザーへの配慮をするべきという事になります。
追記：2021年1月～12月末までのモバイルユーザー端末データ
年間、約11,000ユーザー（900/月）ですので、まだまだ配慮が必要かと思います。
※最小端末に合わせる事をおすすめいたします。
まとめ
適正な画像サイズは「1120×256px」
端末によって一部切り取られるので注意が必要。
端末画面が小さくなるほど、左右が多く切り取られる。
最小画面幅「320px」から見きれない様に作成するのがベスト。
iPad、iPad mini 縦画面で表示される画像領域は 768×104px
プレゼント
横幅375pxのスマホからアクセスされた時に表示される範囲の参考画像
横幅320pxのスマホからアクセスされた時に表示される範囲の参考画像
iPad、iPadmini （縦画面 768px）からアクセスされた時に表示される範囲の参考画像
上記の画像は「（PR）Illustrator」で作成しています。
お役に立てれば幸いです。
https://msstyle.jp/memo/ameba-blog-feed-url/