【注意】ブログ画像のサイズ・容量は?圧縮するおすすめの方法は?

この記事のまとめ

ブログ画像のサイズ・容量について解説!

また、ブログ画像を圧縮(軽く)する方法について、おすすめのやり方を説明します。

ブログの画像サイズは、ページの表示速度(結果的にSEO)に影響をあたえる重要な要素です。

最適な画像サイズを理解し、きちんと圧縮してからブログにアップしましょう!

よめちゃんのアイコン画像よめちゃん

ブログの画像サイズってそんなに大切なの?

サンツォのアイコン画像サンツォ

大きいサイズ・重い画像のままだとページ表示も遅くなるよね。
そうすると検索順位が下がる可能性もあるんだ。

※本記事は動画でも解説しています。

目次

ブログ画像のサイズ・容量の目安

ブログ画像のサイズ・容量の目安

ブログ画像のサイズ容量については、100%の正解があるわけではありません。

ただし目安としては下記の基準が参考になると思います。

画像サイズ・容量の目安
  • サイズ:横幅1000px以下を目安
  • 容量:100~200kb以下を目安

僕の場合は横幅800px(または640px)でほぼ統一しています。

ブログ画像はこのサイズで充分です。

画像をフリー素材サイトなどでダウンロードする場合は(小さいサイズを選択すれば)ほとんど問題にならないと思いますが

スマホで撮影した写真などはめちゃくちゃサイズが大きいのでご注意ください。

サンツォのアイコン画像サンツォ

あとは画像に文字を入れたり、加工を加えた場合には
念のためサイズを確認しておいたほうがいいよ!

ブログ画像を圧縮する方法

ブログ画像を圧縮するおすすめの方法

ブログ画像を圧縮する(小さくする、軽くする)には下記の方法をおすすめします。

ちょっと面倒くさいんですが、画像の重さはそのままページ表示の重さにつながりますので…

しっかり対応されることをおすすめします。

画像圧縮の3ステップ

大きな画像はサイズ変更(リサイズ)

大きな画像はあらかじめサイズ変更しておく

フリー画像素材サイトなどであらかじめ1000px以下の画像をダウンロードしていれば、この手順は不要です。

次のステップに進んでください。

スマホで撮影した写真など、そもそも画像サイズが大きすぎる場合は、

事前にパソコンに元からインストールされているペイント系ソフトなどでサイズ変更(リサイズ)しておきましょう。

サンツォのアイコン画像サンツォ

Windowsなら「ペイントMacなら「プレビュー」で
画像サイズの変更ができるよ!

実際に画像を小さくしてみましょう。

STEP
画像サイズを確認

こちらの画像を圧縮します。

サイズが3.7MB、横3477×縦2532とかなり大きな画像です。

よめちゃんのアイコン画像よめちゃん

このままブログにアップしたら大変なことになるね…。

画像サイズを確認

STEP
サイズ変更

ペイントソフトで画像を開き、サイズを変更します。

※今回はWindowsの「ペイント」で編集

赤枠で囲った「サイズ変更」をクリックします。

ペイントソフトで画像のサイズを変更
STEP
横幅を指定

ピクセルで画像の大きさを指定します。

今回は水平方向(横幅)を640ピクセルに指定しました。

画像の横幅を指定
STEP
確定し保存

「OK」ボタンを押して確定。サイズが変更されました。

問題なければ画像を保存します。

画像をリサイズしたら確定し保存する
STEP
リサイズ完了

これリサイズは完了です。

3.7MBあった画像が167.8KBまで小さくなりました。

画像のリサイズ完了

これだけでも200KB以下の指標におさまっていますので十分なのですが、

念のためTinyPNGでも圧縮しておきましょう。

「TinyPNG」で画像を圧縮

TinyPNGの画面キャプチャ

TinyPNG(タイニーピング)は、ほとんど画質を落とさずに画像を圧縮できるウェブサービスです。

めちゃくちゃ有名な画像圧縮ツールで、無料で使えます。

TinyPNGの特長
  • 通常は60~70%くらいの圧縮率
  • 無料で登録不要(有料プランあり)
  • 操作もとても簡単
  • png、jpeg、jpgに対応
  • 複数まとめて圧縮可能(同時に20枚まで/それぞれ最大5MBまで)

実際にTinyPNGを使ってブログ画像を圧縮してみましょう。

STEP
画像をドロップ

圧縮したい画像を、TinyPNGの画面中央の点線枠のなかにドロップします。

複数画像も可能です。

※ただし、無料版では同時に画像20枚まで。画像1枚につき最大5MBまでの制限があります。

TinyPNGに画像をドロップ
STEP
画像の圧縮

すぐに画像の圧縮が始まります。

完了すると下記のような画面になります。

TinyPNGで画像の圧縮が完了
サンツォのアイコン画像サンツォ

今回は12%しか圧縮されなかったけど
もっと大きな画像ならだいたい60~70%くらいは圧縮されるよ。

downloadのリンクをクリックすると画像をダウンロードできます。

STEP
複数画像の圧縮

複数画像の場合はこんな感じです。

平均的に70%前後の圧縮ができていますね。

複数の場合はZipファイルでまとめてダウンロードできます。

TinyPNGで複数画像を圧縮
STEP
圧縮完了

最終的に3.7MBあった画像を138.2KBまで圧縮することができました。

ブログ画像の圧縮完了

ちなみにPro(有料版、25ドル/年)では「1度に20枚まで/それぞれ5MBまで」という制限を解除することができます。

…まあそんなに必要となることはありませんけどね。

「EWWW Image Optimizer」で画像を最適化

EWWWImageOptimizer|ワードプレスプラグイン

EWWW Image Optimizer」は、画像を劣化させず圧縮するWordPressプラグインです。

新しい画像をWordPressにアップする際に、自動的に画像を圧縮してくれます。

それだけなら①リサイズと②TinyPNGによる圧縮で事足りるのですが、

WordPressにアップされている既存の画像も一括で圧縮できる点がメリットです。

※同じような機能のプラグインに「Compress JPEG & PNG images」がありますがどちらでもOKです。

ちなみに「EWWW Image Optimizer」の初期設定ではサイズの上限設定がされていません。

逆に横幅のサイズ指定をしておけば(少なくとも新規にUPする画像においては)①②の工程は不要なんですよね。

よめちゃんのアイコン画像よめちゃん

え?じゃあなんで
①②みたいな面倒くさいことをするの?

サンツォのアイコン画像サンツォ

う~ん。なんかうまく動作しないこともあるから
確実に&最大限に画像を小さくするなら①②をやっておくと安全かな。

実際にEWWW Image Optimizerで画像の横幅を指定してみましょう。

※プラグインが入っていない方は、インストール&有効化してください。

WordPressの管理画面から設定EWWW Image Optimizerリサイズ の順に進んでください。

画像のリサイズの幅の上限を指定(例:800、もしくは640など)の順で設定します。

EWWW Image Optimizerで画像の横幅を指定

※EWWW Image Optimizerは「ワードプレスのおすすめプラグイン!初心者向け21選」の記事でも紹介しています。

ブログ画像のサイズについてまとめ

ブログ画像のサイズ・容量に関しては下記を目安にしてください。

画像サイズ・容量の目安
  • サイズ:横幅1000px以下を目安
  • 容量:100~200kb以下を目安

画像を圧縮する方法については、下記の方法をおすすめします。

画像圧縮の3ステップ

そのほかAlt表記や著作権など、ブログ画像で知っておくべき知識については下記の記事にまとめています。

ぜひ参考にしてみてください!

収益&アクセスを激増させるツール紹介

ブログ&アフィリエイトの収益SEO集客アクセス流入を改善させる、

筆者おすすめのツールを紹介します。

SEOに強い記事を作れるツール!

エクセル、事前準備シート

収益がなかなか発生しない…」
検索順位が上がらず、アクセスも少ない…」

このようなお悩みの原因の99%は、記事の書き方がダメだから。

そしてその記事の品質は、記事を書き始める前の調査・準備の段階でほぼすべてが決まってしまいます。

そんなあなたにおすすめのツールが『 事前準備シート』。

事前準備シートは、下記のような記事作成に必要なあらゆる要素を1枚のエクセルシートにまとめたツールです。

  • キーワード調査
  • 検索結果ページの調査
  • 競合サイトの調査
  • ペルソナ(中心的ターゲット像)の設定
  • 検索意図の調査
  • 仮タイトルの候補案を作成
  • 記事構成(見出し構成)を作成

これらの事前調査をしておくことで記事の質は格段に向上し、

アクセスや収益を上げやすい記事、検索エンジンに評価されやすい記事を作ることができます。

ブログで累計1億円の確定収益を上げた筆者がふだんから利用している自作ツールです。

長年にわたってカスタムを続けた自信作。一度購入すればずっと使うことができます。

下記から1,500円で購入できますので、ぜひご利用ください。

「売れる記事テンプレート」が収益UP!

ブログ記事を書いている、ノートパソコンで作業中

ブログやアフィリエイトで商品を売るためには、

売れるための話の進め方・記事の書き方があります。

トップ営業マンが使う「セールストーク」のように、

ブログやアフィリエイトにも「セールスライティング」が存在するのです。

私サンツォがふだんからよく利用している5つの記事テンプレートをnoteにまとめましたので、

ぜひ下記からご確認ください。

お悩み相談&コンサルティング実施中!

マーケティング、分析03
  • ブログやアフィでなかなか結果が出ない
  • このままでいいのか心配になった
  • 記事の書き方はこれでいいのかな
  • 分野やサイト設計で迷っている

…などで不安を感じたり、悩んでいる方は、ぜひ私サンツォにご相談ください。

チャットやオンラインMTGにて、お悩み相談コンサルティングを受けつけています。

有料にはなりますが、悩んで立ち止まっていたり、

間違った方法を続けていても時間と手間のムダになりますので、ぜひ一度ご相談ください。

以下からお申し込みいただけます。

超高速&格安レンタルサーバーが限定500円OFF!

国内最速!超高性能&格安レンタルサーバーの「ConoHa WING」。

今ならキャンペーン中につき月額640円~で利用することができます。しかも初期費用は無料

しかも当「ブログ部」なら、さらに500円OFFになる特典付き!くわしくは下記の記事をご参照ください。

WordPressのカスタム・引越し・問題解決なら!

もしWordPressに関することで困ったことがあったら「サイト引越し屋さん」に相談しよう

WordPressからWordPressへの引越し、ドメイン移管、テーマ変更。無料ブログからWordPressへの引越し。

WordPressのカスタムやサイト高速化、セキュリティ対策など、あらゆる問題・お悩みを解決してくれるサービスです!

サンツォのアイコン画像サンツォ

僕もいつもお世話になっているよ!
相談は無料なので、まずは問い合わせしてみよう!

\ WordPressで困ったことがあったら! /

よかったらシェアしてね!

コメント

コメント一覧 (2件)

  • サンツォさん、はじめまして。

    この6月からブログ部から経由して、ブログをはじめた主婦です。
    ちょうど画像の処理をどうしようか悩んでいたところだったので、この記事は本当にありがたいです。これから今までの記事の確認をしていきます。

    SEO対策まで意識できればいいのですが、まだそこまでいかず…。
    読みやすい文章、見やすい記事はどうしたらできるかを考えながら作成しています。なかなか難しいし、何度も読み返しているので、時間がかかりますよね。

    サンツォさんの文章や記事は、見やすく、読みやすいので、改めてさすがだなぁと感じています。

    これからも、ブログ部を参考にして、楽しくブログを作っていきたいと思います。きっかけを作ってくださって、ありがとうございました。

    • ももかさん、コメントありがとうございます!

      嬉しいコメント、元気をもらいました!

      ぜひ何かの参考にしていただければ幸いです(`・ω・´)b

コメントする

CAPTCHA


目次
閉じる