【ブロガー必見】画像圧縮サイズの容量の目安&圧縮方法について解説。自身のサイトページの合計サイズを知ろう。2021.10.01こんにちは、はつまい(@_hatumai)です。ブログを書くのに必死で画像の圧縮を後回しにしてきました。そんな当初の自分にどうしても伝えたいこと。画像の圧縮はブログ開設直後から絶対にしておくべき!!ということです。先輩のアドバイスを素直に聞いておくべきでした。はつまいブログ運営5か月目にして画像圧縮の大切さを実感中...。本記事では画像圧縮が必須な理由と、画像圧縮ツールをご紹介します。SEO対策にも関わってくる、サイトを運営する上で非常に重要なトピックなので是非最後までご覧くださいね。Optimizilla今までアップした画像の一括圧縮方法は?まとめスポンサーリンク画像圧縮が必要な理由は?画像容量が増えるとサイトの表示スピードが遅くなる例えば調べものをしている時に、サイトのページ表示が遅い(読み込みが遅い)と他のページに移動したくなりますよね?画像容量が増えれば増えるだけ、サイトの表示スピードが遅くなります。サイトの表示スピードが遅くなると、離脱率が高くなるだけではなく、SEOにも影響が出るため、検索順位が下がることもあります。現在のSEO対策の一つして、「サイト表示スピードの改善」は非常に重要な対策の一つなのです。はつまいせっかく良い記事を書いてるのに画像容量のせいで検索順位が落ちた!こんなことにならないように気を付けよう!Google推奨のページ合計サイズは?そもそもGoogleが推奨するサイトページの合計サイズはどの程度がご存知ですか?Googleは1ページ辺りの推奨合計サイズを1.6MB以下と明記しています。Googleが推奨しているこのサイズまで容量を落とす努力が必要です。自身のサイトページの容量はどのように調べれば良いのでしょうか?複雑そうに見えますが、下記2つのサイトを使用すればすぐに測定することができます。いうサイトがおススメです。*色々なサイトを試しましたが、一番シンプルでわかりやすかったです。チェックしたいURLを入力するとそのページの合計サイズが表示されます。当ブログの記事は3.1MBでしたので、推奨サイズより約2倍大きいサイズとなりました。Insightsは元々サイトスピードを計るツールですが、ページの合計サイズも測定することができます。ペイロードの回避」という項目があります。そこに記載されているサイズ数がページの合計サイズとなります。こちらの測定結果だと2.4MBという結果になりました。サイトによって測定結果に若干ズレがあるようなので複数試してみると良いかもしれません。画像圧縮のサイズ目安(約100KB)ページの合計サイズがわかったところで、そのページサイズを落とすために画像圧縮をしていきます。実際に「画像を圧縮する」といってもどの程度圧縮できれば良いのか、見当がつかない方もいるのではないでしょうか?画像圧縮した後の容量の目安は大体100KB程度。実際の経験から、画像1つにつき50KBはなかなか厳しいイメージがあります。100KB程度を目安に考えて頂ければ良いかと思います。スマートフォンで撮った写真をそのままブログにあげている人は要注意です!スマートフォンで撮影した画像は意外に容量が大きいです。この画像↓スマートフォンで撮影した写真ですが、なんと1枚で3.21MBもあります。はつまいGoogleが推奨している1ページ辺りのページ合計を超えちゃってるね💦サーバーの容量も有限ですので、圧縮できるものは出来る限り圧縮して貼り付けるようにしましょう。画像圧縮の前に...実際に画像圧縮ツールを使用する前に事前準備として下記2点も確認しておきましょう。適切なファイル形式を選択する(JPG?PNG?)画像容量を落とすためには、適切なファイル形式選びが必須です。この点は説明しだすと奥が深い世界なので、今回はざっくりと説明します。線画のような画像の場合、JPGの方が容量が大きくなってしまったりします。サイト運営においては、画質のきれいやよりもサイトスピードの方が重要です。よって、基本的には容量を抑えられるJPGを圧縮して使用するようにしましょう。読者は画質の粗さよりもスピードの遅さを嫌います。読者ファーストの目線で画像選びもしていきましょう。色の境界線がしっかりしている画像についてはPNGをそのまま使用した方が容量が抑えられるかもしれません。・基本的には圧縮したJPGを使用する・グラフやテキストのスクリーンショットなど色の境界線がハッキリとした画像はPNGを使用するこの度、ご縁があり楽々オトモSpecial様より寄稿のお話を頂き、JPG・PNGについて詳しく解説した記事を執筆しました。JPG、PNGの使い分けについてより詳しく知りたい方はこちらの記事を合わせてお読みください。ブログ運営に欠かせない【画像ファイル形式】について解説。オトモSpecial初めまして、1歳児の息子を育てるワーママの【はつまい】と申します。息子の誕生をきっかけに資産運用の重要さを認識し、副業でブログを開設致しました。ブログ初心者の方が知りたい情報を中心に記事を執筆しています。画像のサイズを変更する(横幅1000px以下目安)画像サイズの変更はペイントツールから簡単にできます。ペイントを開いたら上のタブに「サイズ変更」があるのでクリックします。するとピクセルで縦横比を設定出来ますので希望の数値を入力します。画像サイズはワードプレスのテーマによって推奨幅が異なります。アイキャッチ画像のサイズは1200x630を推奨していますが記事内に埋め込むサイズは横幅600~800程度で十分です。アイキャッチ画像を1200幅に推奨している理由はこちら↓ブログのアイキャッチ画像におすすめのサイズは?もう迷わない!Canvaを使う人はこのカテゴリーを選ぶべし!ブログのアイキャッチ画像の適正サイズは?この記事を読めば画像サイズでこれ以上迷わなくて済みます!ブログ運営と合わせてSNS運営もしている方は1200x630が最適?例外もあるので是非最後までご覧ください。hatumai.com2021.08.03オススメの画像圧縮サイトファイル形式・画像のリサイズが済んだら実際に圧縮ツールを使用し画像を圧縮していきましょう。SquooshSquooshは画像圧縮に必要な下記項目をまとめて一度に行うことができます。画像圧縮には一番のおススメサイトです。保存前に圧縮前後の写真を比較でき、圧縮率を自分で調整できるため画質の粗さも事前に確認することができます。こちらのサイトなら画像のリサイズもまとめて行うことができるので非常に便利です。先ほどの「画像圧縮の前に...」で説明した「2画像のサイズを変更する」工程を飛ばして、圧縮の工程でまとめて行うことができます。使用方法が非常に簡単で、有名なサイトなのですでに使用されている方もいるのではないでしょうか?画質をきれいに保ったまま圧縮せてくれる有能サイトです。試しに容量の大きい画像を圧縮してみました↓すると3.4MBから928.4KBへ圧縮することが出来ました。※上記画像は画像圧縮前の工程(JPGへ変更・画像リサイズ)をせずにオリジナルのまま圧縮をかけた結果です。72%圧縮されてもなお、928.4KBもありますので、圧縮前の工程がいかに大事かわかりますね。ちなみにJPGへ変更・画像リサイズを行ったら最終的に152KBまで落とすことが出来ました。Optimizilla圧縮後に圧縮前後の画像を比較することができる上に、日本語表記なので便利です。PNGは5MG以上の大きいサイズはエラーがでてしまいます。その場合は、Optimizillaを使用しましょう。Optimizillaサイトへ飛ぶ今までアップした画像の一括圧縮方法は?これからアップする画像については上記方法で圧縮をする必要があるということはおわかり頂けたかと思います。問題は「今までアップした画像の枚数が多すぎる」場合です。そのような方は画像を一括で圧縮できるプラグインをうまく利用しましょう。Optimizerこちらのプラグインは過去にアップした画像もまとめて圧縮してくれる素晴らしいプラグインです。精度はそれほど高くありません。1枚ずつ圧縮作業を行った画像の方が精度が良いため、あくまでも過去画像を一括で圧縮するツールとして利用し、これからアップする画像については手作業で圧縮しましょう。まとめ本記事の内容をまとめます。運営を続けていくにつれて、いずれ必ず直面する問題でもあります。気付いた時から面倒でもコツコツ圧縮を続けていれば、将来の悩みが少し軽減できると思いますよ!これから画像をアップする際は容量も気にしながらアップするようにしていきましょう。本記事が少しでもお役に立てると嬉しいです。コピーはつまいをフォローするはつまい関連記事ツールポチップ(Pochipp)のメリット!Rinkerやカエレバを使っている方は切り替え必須?アフィリエイトもしもでAmazonアソシエイト審査に落ちた。プライバシーポリシーも記事数も審査基準を満たしていたのになぜ?2回目合格時との差は?デザインブログでの一人称は何にする?記事内での自分の呼び方について統計結果を発表!「私」以外の選択肢?アドセンスGoogleから広告配信停止されてしまった後に必ずやること7選。【例文付き】Googleへの報告フォーム記入方法も公開!ツールCanva(キャンバ)とは?無料デザイン作成ツールを使って素敵なアイキャッチ画像を作ろう。使用上の注意点も解説。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。スポンサーリンク2020年、2022年産まれの2人の男の子を育てる30代ワーママです。けの情報・資産運用についての記事を発信しています。「痒いところに手が届く、読者ファースト」の記事をモットーに執筆しています。当サイトについて当サイトは基本的にリンクフリーです。リンクを行う場合の許可や連絡は不要です。インラインフレームの使用や画像の直リンクはご遠慮ください。コメントタイトルとURLをコピーしました。