画像編集

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

WordPressブログにおける、画像容量の「おすすめな目安」と「軽量化の方法」 アイキャッチ



あずきです🐥

WordPressブログにおける…

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

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

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

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

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

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

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

本気でブログ収益化するなら /

WING AFFINGER5 バナー 02

-「実績」と「信頼」。 検証と改善を重ねた唯一無二のテーマ -

WING AFFINGER5

  • ターゲットに合わせた圧倒的な最適化!
  • SEO対策と広告収入UPの機能が標準装備!
  • 面倒なカスタマイズも「クリック1つ」で簡単・時短!

今なら超時短ツール「タグ管理プラグイン」配布キャンペーン中!

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

関連:「AFFINGER5」の購入・導入方法を1から解説
関連:「AFFINGER5」導入後にまず行うべきステップまとめ

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

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

著者

azuki_01

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

あずき

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

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

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

Twitter

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

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

ブログガイド_見出し_01

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

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

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

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

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

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

1MBというのは、1024KB!

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

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

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

ブログガイド_見出し_02

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

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

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

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

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

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

どっちも超簡単!

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

ブログガイド_見出し_03

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

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

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

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

手動リサイズ ↓

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

続きを見る

自動リサイズ ↓

wordpress-imsanity-202001-ec
WordPressプラグイン「Imsanity」の基本的な設定方法と使い方【ブログ画像の自動リサイズ】

続きを見る

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

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

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

続きを見る

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

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

wordpress-ewww-image-optimizer-202001-ec
WordPressプラグイン「EWWW Image Optimizer」の基本的な設定方法【ブログ画像のファイルサイズを自動圧縮】

続きを見る

おしまい♪

あずき🐥

本気でブログ収益化するなら /

WING AFFINGER5 バナー 02

-「実績」と「信頼」。 検証と改善を重ねた唯一無二のテーマ -

WING AFFINGER5

  • ターゲットに合わせた圧倒的な最適化!
  • SEO対策と広告収入UPの機能が標準装備!
  • 面倒なカスタマイズも「クリック1つ」で簡単・時短!

今なら超時短ツール「タグ管理プラグイン」配布キャンペーン中!

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

関連:「AFFINGER5」の購入・導入方法を1から解説
関連:「AFFINGER5」導入後にまず行うべきステップまとめ

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

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

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

 

著者

azuki_01

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

あずき

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

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

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

Twitter

-画像編集

© 2020 あずきのぶろぐ。