ブログに写真や画像を表示する際の形式やサイズの目安は？画像の取り扱いの基本を覚えよう！

あなたはブログに画像を掲載する時に、画像の形式やサイズ、名前を意識していますか？

画像のサイズや形式はとても大切。

これらがきちんと設定できていないと、ブログの表示速度が遅くなったり画質が悪くなったりします。

また、画像に名前を付ける際も、日本語で名前を入力するとデータとして表示される場合にはおかしな表記になってしまいます。

なので、画像の扱い方を知っておくのはとても大切です。

今回は今さら人に聞きにくい、ブログに使う画像のサイズや種類、名前の付け方について解説します。

ブログに使う画像の基本

ブログに使う画像の基本は下記の通りです。

これだけ覚えておけばOK

では、それぞれの項目について詳しく見ていきましょう。

あなたはブログに画像を投稿する場合、iPhoneで撮影した画像やフリー素材サイトから用意した画像をそのままアップロードしていませんか？

その画像が適正なサイズになっていればいいのですが、サイトで画像を使用する場合、種類やサイズには気を配る必要があります。

画像サイズが大きすぎると容量が重くなってしい、ページが表示されにくくなるというデメリットがあります。

また、それほど高画質な画像を必要としない場所に、超高画質の画像を使っている場合などもページの表示が遅くなります。

なので、最低でも画像サイズの調整だけはしておくようにしましょう。

ブログに使う画像サイズをどれくらいにするかは人それぞれですが、少なくとも横幅が2000pxを超えるような画像は必要ありません。

コーポレートサイトなど、デザイン重視のサイトを制作する場合はこの限りではありません。

ブログのアイキャッチや装飾画像に関してです。

基本的にブログの横幅は1000px前後に設定されていることが多いので、基本的には1000pxくらいに調整しておけばOKだと思います。

画像の形式にはいくつかありますが、ここでは代表的な三つの形式について説明します。

画像ファイルには、「〇〇.png」といった形で、最後に拡張子がつけられています。

これによって、画像の種類を判別しています。

それぞれの特徴は下記の通りです。

背景が透明にできるきれいな画像

png（ピング）は、主にWEBサイトでの表示用の画像形式です。

一番の長所特徴は背景を透明にできるということです。

その他にも色数が多い、繰り返し加工しても画質が劣化しないといった点が挙げられます。

ただ、画像がきれいに表示できる分、容量が大きくなり、ページの表示スピードが遅くなりがちというデメリットもあります。

写真に使われる一般的な表示形式

jpeg（ジェイペグ）は写真によく使われる画像形式。

ブログなどで画像や写真を使用する場合は、基本的にこのjpegが良く使われます。

長所として色数が多く、容量が小さめという点が挙げられます。

ただ、加工を繰り返すと画質が悪くなるデメリットがあります。

パラパラアニメのような画像が作れる

gif（ジフ）は、アニメーションを表示できる形式として知られています。

長所としてアニメーションの表示、透過が可能、容量が小さい、という点が挙げられます。

短所として、色数が少ない(画質が悪くなる)という点があります。

それぞれ長所と短所を考慮して、基本的な使い方をまとめると下記のようになります。
(好みにもよるのであくまでも目安としてください。)