令和時代のブログに使用する画像のサイズ、ファイル形式、容量の目安はコレ！

ブログで使用する画像ファイルのサイズをどうしたらいいか、悩みます。

スマホからのアクセスが中心になっていく中、パソコンからのアクセスもあり、画像のサイズはどのくらいが適当なのか。

令和時代、どんなデバイスでもきれいに画像が表示される目安を解説します。

使用しているブログサービスによっては、自動的にファイルサイズを圧縮してしまうこともあります。

横幅 1200px〜1600px

Googleは、アイキャッチ画像の推奨サイズを示しています。

1200px × 630px（1.91:1）

これに合わせて、ブログ内で使用する画像の横幅1200pxを基準にしました。

ブログのデザインや表示されるデバイスによって、表示サイズが変わってきます。

Appleのデバイスで使用されている高解像度のRetinaディスプレイを考えると、1200px〜1600pxくらいあった方が、画像表示もきれいになると考えています。

画像サイズが大きいとファイル容量も大きくなる

令和のスマホで撮影された写真は、とてもきれいです。

実は、画像サイズ、ファイルサイズも大きい。ブログでそのまま使うには、大きすぎるのです。

ファイルサイズが大きいと、表示する時間もかかります。ブログの表示に時間がかかると、読者の離脱につながってしまいます。

また、レンタルサーバーでブログを運用している場合、画像をアップしていく分、容量を使用していきます。

ブログで使用する際は、撮ったままの画像ファイルを使用せず、サイズを調整して使用することをおすすめします。

ファイル形式：JPEG

特に理由がなければ、画像の形式は、JPEG形式でOKです。

拡張子は、2種類ありますが、どちらでも大丈夫です。

JPEG形式は、簡単にファイルサイズを小さくでき、きれいに表示することができます。

ファイル名は、アルファベットや数字を使いましょう。

日本語のファイル名で、サーバーにアップしてしまうと、ファイル名が変換されて、わかりにくいファイル名になってしまうので注意しましょう。

また、PNG形式の画像ファイル形式があります。

こちらもきれいに表示してくれますが、ファイルサイズが大きくなりやすいです。

PNG形式は、基本的にファイル容量を小さくすることができません。

画像ファイル形式は、扱いやすいJPEG形式を使用すると良いです。

ファイルサイズ：300KB前後目安

すぐに表示されるようにファイルサイズは、小さいのが理想です。

しかし、ファイルサイズが小さすぎると、画像が劣化してしまい、きれいに表示されません。

上の画像は、どれも同じように見えると思います。ファイルサイズが大きいからといって、小さいものとほとんど変わらないです。

横幅1200px〜1600px ほどの画像ファイルだと、300KBくらいを目安にすると良いでしょう。

写真の内容、色数や明暗などによっては、300KB以下でも、きれいに表示できる場合もあります。

逆に、300KBでは、画像が荒れてしまい、汚く、きれいに見えない場合もあるので注意が必要です。

写真作品を見せたり、特別な意図がある場合は、クオリティーを優先したり、臨機応変にファイルサイズを調整しましょう。

あくまで、一般的なブログの画像は、300KBが目安。画像一枚一枚調整することが大事です。

まとめ

ブログで使用する画像サイズや容量の目安はコレ！

この目安で、どんなデバイスでも、きれいな画像がすばやく表示されます。

5Gが普及することで、大容量通信が可能となり、ファイルサイズを気にする必要がなくなるかもしれません。

その時は、また違った目安が生まれるでしょう。

あわせて読みたい

WordPress・ブログのアイキャッチ画像のおすすめサイズ・比率！ ブログやWordPressのアイキャッチ画像サイズには、おすすめサイズがあります。 文字を入れる場合も、いくつかの注意点を考慮しておくことで、切れて表示されることはな...

あわせて読みたい

iPhoneで撮った写真をMacの写真.appで書き出す！ブログ用写真を作るのにピッタリなやり方！ ブログ用の写真は、必ず一手間かけています。 iPhoneで撮った写真を使用する場合は、Macの写真.appで、画像補正やサイズ調整をして書き出します。 iPhoneに限らず、ダウ...