♛Queens lab.

生きることって楽しいを見つけることじゃない?

ブログの画像 はてなブログに適したサイズ

f:id:m421miyako:20210523181958j:plain


 

ブログの画像 2つのサイズ

一言でサイズと言っても2つの意味があります。

ファイルサイズ

トップ画像のサイズは1000x200pixel

横1000の点と縦200の点からできています。

 

ブログタイトルのヘッダー画像と

全く同じサイズなのですが

タイトルの方は画面いっぱいの幅で

トップ画像はサイドバーの部分だけ小さくなっています。

見え方が違ってもファイルのサイズは同じ。

 

ファイルサイズの調べ方

画像を扱うソフトに貼りつければ

ソフトにより表示方法は違いますが

画像サイスを調べる事ができます。

 

ソフトが無ければウインドウズならペイントで

調べることができます。

画像を右クリックでコピーし

ペイントの貼り付けをクリック。

貼り付けの画面が大きければ右辺と下辺の中心部に

カーソルを当てると矢印が出るので

画像と同じサイズにして

ファイル→プロパティーでサイズが表示されます。

ピクセルや㎝など、表示方法が選べます。

 

ちなみに上記画像をペイントで調べたら1003x199。

アプリによって微妙に違うようですが

この誤差に問題はありません。

 

使い方に適したサイズの比率

 ヘッダーは画像1000x200pixel又は1500x400pixel。

 これは、はてな推奨です。

 

私の記事のたいていのトップ画像は

640x480(または371)pixelで作っています。

はてなブログに挿入する画像の

適切なサイズを調べた時にこの数字がありました。

 

ずっとそのサイズで作っていましたが

今のデザインテーマの場合、

記事一覧の表示で縦480の場合

目いっぱいにすると見切れてしまうので

縦を371pixelにしています。

スマホ用

ブログを何で見るか?

今や圧倒的にスマホが多いようです。

私は100%PC派なので今まで気にしたことが無いのですが

ブログタイトルのヘッター画像をスマホで見ると

この部分しか表示されていません。

f:id:m421miyako:20210523191211j:plain

 ブログタイトルや詳細は

設定から入れているので

それはちゃんと収まっています。

 

ブログタイトルの文字を

画像の一部として作っている場合は

中心部分しか表示されないので

要注意です。

 

PCで作業している方は一度確認してみてください。

 

ブログは読むもの?見るもの? 

ひとつ前の項目で、ブログを何で見るか?と書いています。

あえて、読むという表現にしていないのは意味があります。

 

挿入画像も、背景画像も、タイトル画像も全くないサイト、

見たことがありますか?

100%とは言いませんが

何かしらの画像を使っていると思います。

 

 

私自身も画像にはこだわりがあります。

タイトル画像はそのブログを印象付けるので

本来こだわるべきなのでしょうが

今までしっくりきませんでした。

 

最初は海外メインのサイトだったので

ハワイの写真を使っていましたが

ブログ名変更に合わせて突貫で作り

納得行かないまま使っていました。

なかなかイメージが浮かばなかったから。

 

今の画像は少し前に変更しましたが

やっとイメージに合うものができました。

旅行をイメージした地図

映画やドラマのイメージは映写機

料理のイメージはパフェ

ラボのイメージは実験道具

 

ブログって色々な要素がありますが

なかなか最初からは整わない。

デザインや設定なども

並行して作り上げていくものかもしれません。

 

あつもり(古い?)でいうと

おうちを建てたり、家具を揃えたり

そんな感じ。

※あつもりやったことないので想像です。