スマホ用のヘッダー画像サイズ

今や急激に普及が進んでいるスマートフォン。サイトもスマホ用に対応させたいとお考えの方も多いハズ。

携帯にしろスマホにしろ、PCサイトを自動変換して表示はしてくれます。ただ、容量の問題や画面自体の大きさから、PC仕様のサイトよりはスマホ仕様に作成されたサイトの方が確かに見やすいですよね。

そんな考えをお持ちの方は、参考までに画像サイズを知っておくと良いでしょう。

スマホのヘッダー画像推奨サイズは320px×60px（目安）

スマホの画面のサイズは、ポピュラーなモノが4.7インチ/解像度720px×1,280pxです。（2013/2現在）しかし、機種によっては、多少の違いがあります。

って、こんなに違うんかい!!ってくらい、サイズにバラつきがあるんですね!!つまり、何が言いたいかと言うと、自分が持っているスマホだけを基準にしてしまうのはチョッとどうかな?って事です。

例えば、4（5インチ）を基準にして大きめのサイズのヘッダー画像を作ってしまうと、1（3.7インチ）をお持ちの方にとっては、非常に大きく感じてしまうものです。（いや、あまり大き過ぎるとハミ出してしまうかもww）

つまり、バランスが大切ってこと。でね、色々と調べてみると…、推奨サイズとしては、だいたい320px×60pxくらいが妥当かな?って言うところに辿り着きます。

まぁ、もちろんあくまでも目安ですから、自由にお作り頂いても良いのですが…。

ただ、こうゆう目安的なモノがあれば、非常に作成しやすいのではないでしょうか。そして実際に作成してみて、自分のスマホで見て見るのが一番いいでしょう。

または、知り合いのスマホでサイズが違うスマホから覗いて見るのも良いかもしれません。スマホ用のヘッダー画像サイズ（大きさ）ネタでした。