WORDPRESS

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

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



あずきです🐥

WordPressブログにおける…

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

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

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

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

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

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

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

\「本気」で戦うなら /

WING AFFINGER5 バナー 02

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

WING AFFINGER5

今なら超時短ツール「タグ管理プラグイン(4,980円)」の無料配布キャンペーン中!

ブログの「タグ管理」機能とは?仕組み&使い方から、メリット&デメリットまで アイキャッチ
【超時短】ブログの「タグ管理」機能とは?仕組み&使い方から、メリット&デメリットまで【WordPress】

続きを見る

 

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

WordPressブログガイド 第9章「豆知識」編 

About me

あずきアイコン main-01 背景透過

- 専業ブロガー・フリーランス -

あずき

独立3年目 / 元アパレル → 歴10年

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます

普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^

Twitter

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などの拡張子変更】

続きを見る

自動リサイズ ↓

WordPressプラグイン「Imsanity」の基本的な設定方法と使い方 アイキャッチ
WordPressプラグイン「Imsanity」の基本的な設定方法と使い方【ブログ画像の自動リサイズ】

続きを見る

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

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

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

続きを見る

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

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

WordPressプラグイン「EWWW Image Optimizer」の基本的な設定方法 アイキャッチ
WordPressプラグイン「EWWW Image Optimizer」の基本的な設定方法【ブログ画像のファイルサイズを自動圧縮】

続きを見る

おしまい♪

あずき🐥

\「本気」で戦うなら /

WING AFFINGER5 バナー 02

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

WING AFFINGER5

 ✔ 洗練された美しいデザインと、「変幻自在」な圧巻のバリエーション!

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

 ✔ 「本気で戦う」ための、最適化されたSEO対策と収益UPの機能が標準装備!

今なら超時短ツール「タグ管理プラグイン(4,980円)」の無料配布キャンペーン中!

公式:「稼ぐ」に特化したWordPress テーマ『WING AFFINGER5』

関連:「AFFINGER5」の購入&導入ステップを画像つきで1から解説

ブログの「タグ管理」機能とは?仕組み&使い方から、メリット&デメリットまで アイキャッチ
【超時短】ブログの「タグ管理」機能とは?仕組み&使い方から、メリット&デメリットまで【WordPress】

続きを見る

 

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

WordPressブログガイド 第9章「豆知識」編 

あずきのWordPressブログガイド 総合TOP 

About me

あずきアイコン main-01 背景透過

- 専業ブロガー・フリーランス -

あずき

独立3年目 / 元アパレル → 歴10年

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます

普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^

Twitter

-WORDPRESS

© 2020 あずきのぶろぐ