WORDPRESS

WordPressブログでおすすめな、画像の容量(ファイルサイズ)ってどのくらい?【縮小方法】

WordPressブログでおすすめな画像の容量について アイキャッチ



あずきです🐥

WordPressブログにおける…

画像容量(ファイルサイズ)のおすすめな目安

について、ブログ初心者さん向けに1から解説していきます

ブログ画像は、ファイルサイズの大きい「高画質な写真」ほどキレイに表示できますが、その分サイトスピード(ページの表示速度)に悪影響が出てしまうのも事実です

とはいえ、「実際どのくらいの容量なら一般的にセーフな範囲なのか?」最初のうちはピンとこないですよね

ということで、今回のポイントは3つです

  • ブログ画像でおすすめな容量(ファイルサイズ)の目安
  • 「適正なファイルサイズかどうか」を判断する基準
  • ファイルサイズを縮小する方法

さっそく見ていきましょー🐥

\ 当ブログで愛用しています /

ACTION AFFINGER6 バナー 01-300px

検証と改善を重ねた唯一無二のテーマ

ACTION AFFINGER6

今ならワードプレスプラグイン
「すごいもくじLITE」
の限定特典配布キャンペーンも実施中!!!

公式:「稼ぐ」に特化したワードプレステーマ『ACTION AFFINGER6』

関連:【1番の本質】ACTION AFFINGER6って実際どう?気に入ってる点・気になる点を、専業ブロガーが本気レビュー【愛用テーマ】

 

ACTION AFFINGER6は新エディタ「グーテンベルグ」への対応が強化されましたが、「クラシックエディタ」も引き続き使用できます

今回の記事はこちらの章に属しています

 第9章 ブログの豆知識 編       

 

WordPressブログにおける、画像容量(ファイルサイズ)のおすすめな目安【3つのポイント】

ブログ画像でおすすめな容量(ファイルサイズ)の目安【厳しめ 50KB~100KB / ゆるめ 200KB~300KB】

WordPress ヘッダー a-01

 

ブログに貼る画像、その容量(ファイルサイズ)の「最適解」というのは、そのブログによってわりとバラバラです

ただそれでも、「ざっくりな目安」というのはやっぱりあります

個人的な結論としては、次の通り

  • 厳しめ 50KB~100KB
  • ゆるめ 100KB~300KB

もちろん、「写真のキレイさを最優先で表現したいブログ」とかであれば、これ以上というケースも当然あると思います

ただ少なくとも、「1MB」とか「2MB」といったブログには高容量すぎる画像をバンバン載せてたら、当然サイトスピードは重たくなってしまいますよね

1MBというのは、1024KB!

個人的には、画質重視の写真をバンバン載せたいなら「より高画質な写真はインスタをどうぞ!」みたいに使い分ける方がおすすめです

つづいて、「適正のファイルサイズを判断する基準」について見ていきましょう🐥

「適正なファイルサイズかどうか」を判断する基準【リサイズ → 圧縮 → 柔軟な使い分け】

WordPress ヘッダー a-02

 

ブログで扱う画像について、その容量(ファイルサイズ)が「適正な範囲」かどうかを判断する基準については、次の通り

  1. まずブログにアップロードする前に、画像サイズを「リサイズ」しておく ←容量が根本的に軽くなる
  2. 画像のファイルサイズを、アップロード時に「自動圧縮」してくれるプラグインを入れておく ←容量がさらに最適化される
  3. この2つを行ったうえで、実際にブログに載せた画像のファイルサイズが「50~100KB」もしくは「100KB~300KB」くらいの範囲である
  4. 最終的には、画像を使う用途(風景写真か、それとも解説用の画像かなど)によって柔軟に使い分ける

この「リサイズ」と「自動圧縮」の2つについては、ブログで画像を貼るうえで実質必須だと思います

①の「画像サイズ」というのは、「ファイルサイズ」とはまた別の、画像の大きさ(厳密にはピクセル数)のこと!

ここまでやったうえで、一般的な目安と比べて「軽い or 重い」を判断するのがおすすめです

今度は、その「画像サイズのリサイズ」と「ファイルサイズの圧縮」の具体的な方法を見ていきましょう🐥

どっちも超簡単!

ファイルサイズを縮小する方法【リサイズと圧縮】

WordPress ヘッダー a-03

 

ブログにアップする画像の容量(ファイルサイズ)を軽くするための…

  • 画像サイズのリサイズ
  • 画像のファイルサイズの自動圧縮

の方法について、それぞれオススメな方法をまとめてます

▼「画像サイズをリサイズする方法」はこちら ▼

手動リサイズ ↓

ペイントで「画像サイズのリサイズ」&「ファイル形式の変換」をする方法 アイキャッチ
【画像編集】ペイントで、「画像サイズのリサイズ」&「ファイル形式の変換」をする方法【jpg・pngなどの拡張子変更】

続きを見る

自動リサイズ ↓

「Imsanity」の設定方法と使い方
【2021年】「Imsanity」の設定方法と使い方を初心者向けに解説【WordPressプラグイン/アップロード画像を自動リサイズしてサイト高速化】

続きを見る

個人的には「手動リサイズ」の方がおすすめ!

▼「リサイズのおすすめな数値」についてはこちら ▼

WordPressブログでおすすめな画像サイズについて アイキャッチ
WordPressブログでおすすめな、画像サイズ(ピクセル数)ってどのくらい?【リサイズの基準】

続きを見る

※「自動リサイズ」より「手動リサイズ」がおすすめな理由も解説してます

▼「画像のファイルサイズを自動圧縮する方法」はこちら ▼

「EWWW Image Optimizer」の設定方法と使い方
【2021年】「EWWW Image Optimizer」の設定方法と使い方を初心者向けに解説【WordPressプラグイン/画像を自動圧縮してサイト高速化】

続きを見る

おしまい♪

あずき🐥

\ 当ブログで愛用しています /

ACTION AFFINGER6 バナー 01-300px

検証と改善を重ねた唯一無二のテーマ

ACTION AFFINGER6

 

   ✔ 洗練されたビジュアルと、ターゲットに合わせた「変幻自在」な柔軟性!

   ✔ 時間のかかる面倒なカスタマイズも「クリック1つ」でさくさく実現!

   ✔ 本気で戦うためのSEO対策と、「稼ぐ」に特化したアフィリエイト機能!

今ならワードプレスプラグイン
「すごいもくじLITE」
の限定特典配布キャンペーンも実施中!!!

公式:「稼ぐ」に特化したワードプレステーマ『ACTION AFFINGER6』

関連:【1番の本質】ACTION AFFINGER6って実際どう?気に入ってる点・気になる点を、専業ブロガーが本気レビュー【愛用テーマ】

ACTION AFFINGER6は新エディタ「グーテンベルグ」への対応が強化されましたが、「クラシックエディタ」も引き続き使用できます

WordPressのクラシックエディタとグーテンベルグとは?プラグイン「Classic Editor」の導入方法まで
【2021年】WordPressのクラシックエディタとグーテンベルグとは?プラグイン「Classic Editor」の導入方法まで1から解説

続きを見る

今回の記事はこちらの章に属しています

 第9章 ブログの豆知識 編       

全9章のTOPページです

あずきのワードプレスブログ「完全初心者」ガイド

 

-WORDPRESS