ブログの画像 2つのサイズ
一言でサイズと言っても2つの意味があります。
ファイルサイズ
トップ画像のサイズは1000ｘ200pixel
横1000の点と縦200の点からできています。
ブログタイトルのヘッダー画像と
全く同じサイズなのですが
タイトルの方は画面いっぱいの幅で
トップ画像はサイドバーの部分だけ小さくなっています。
見え方が違ってもファイルのサイズは同じ。
ファイルサイズの調べ方
画像を扱うソフトに貼りつければ
ソフトにより表示方法は違いますが
画像サイスを調べる事ができます。
ソフトが無ければウインドウズならペイントで
調べることができます。
画像を右クリックでコピーし
ペイントの貼り付けをクリック。
貼り付けの画面が大きければ右辺と下辺の中心部に
カーソルを当てると矢印が出るので
画像と同じサイズにして
ファイル→プロパティーでサイズが表示されます。
ピクセルや㎝など、表示方法が選べます。
ちなみに上記画像をペイントで調べたら1003ｘ199。
アプリによって微妙に違うようですが
この誤差に問題はありません。
使い方に適したサイズの比率
ヘッダーは画像1000ｘ200pixel又は1500ｘ400pixel。
これは、はてな推奨です。
私の記事のたいていのトップ画像は
640ｘ480（または371）pixelで作っています。
はてなブログに挿入する画像の
適切なサイズを調べた時にこの数字がありました。
ずっとそのサイズで作っていましたが
今のデザインテーマの場合、
記事一覧の表示で縦480の場合
目いっぱいにすると見切れてしまうので
縦を371pixelにしています。
スマホ用
ブログを何で見るか？
今や圧倒的にスマホが多いようです。
私は100％PC派なので今まで気にしたことが無いのですが
ブログタイトルのヘッター画像をスマホで見ると
この部分しか表示されていません。
ブログタイトルや詳細は
設定から入れているので
それはちゃんと収まっています。
ブログタイトルの文字を
画像の一部として作っている場合は
中心部分しか表示されないので
要注意です。
PCで作業している方は一度確認してみてください。
ブログは読むもの？見るもの？
ひとつ前の項目で、ブログを何で見るか？と書いています。
あえて、読むという表現にしていないのは意味があります。
挿入画像も、背景画像も、タイトル画像も全くないサイト、
見たことがありますか？
100％とは言いませんが
何かしらの画像を使っていると思います。
私自身も画像にはこだわりがあります。
タイトル画像はそのブログを印象付けるので
本来こだわるべきなのでしょうが
今までしっくりきませんでした。
最初は海外メインのサイトだったので
ハワイの写真を使っていましたが
ブログ名変更に合わせて突貫で作り
納得行かないまま使っていました。
なかなかイメージが浮かばなかったから。
今の画像は少し前に変更しましたが
やっとイメージに合うものができました。
旅行をイメージした地図
映画やドラマのイメージは映写機
料理のイメージはパフェ
ラボのイメージは実験道具
ブログって色々な要素がありますが
なかなか最初からは整わない。
デザインや設定なども
並行して作り上げていくものかもしれません。
あつもり（古い？）でいうと
おうちを建てたり、家具を揃えたり
そんな感じ。
※あつもりやったことないので想像です。
