PR

スマホに適切なブログ画像サイズや容量は?おすすめの圧縮方法もご紹介!

スマホに適切なブログ画像サイズや容量は?おすすめの圧縮方法もご紹介!ブログ運営に関すること
悩める塾生
悩める塾生

ブログ記事に画像を挿入したいんだけど、スマホに適切な画像サイズがわからないよ〜(泣)

塾長
塾長

そんなあなたも大丈夫!

この記事を読めばスマホに適切なブログ画像サイズや容量がばっちりわかるよ!

スマホで簡単にできるおすすめのサイズ変更方法や圧縮方法もご紹介しますので、是非参考にしてみてくださいね。

スマホに適切なブログ画像サイズは?

いまやほとんどの人がブログをスマホで見ておりますので、スマホに適切なブログ画像サイズや容量を知っておくことは重要です。

結論から申し上げますと、スマホに適切なブログ画像サイズは

  • 横幅800〜1000pxくらい

です。

一般的にブログ記事に画像を挿入する時の適切なサイズは、横幅1000pxくらいですので、横幅800〜1000pxくらいの画像でしたらPCで見た時もスマホで見た時も綺麗に見れると思いますよ。

画像のサイズが大きいと、Googleのクローラーに「モバイルに適していない」と判断され、インデックスされなかったりGoogleアドセンスの審査に通らなかったりと様々な面で不利になります。

塾長
塾長

特にスマホで撮った写真はサイズが大きいよ!

必ずサイズ変更してからアップロードしよう!

スマホに適切なブログ画像の容量は?

続いて、スマホに適切なブログ画像の容量は

  • 200KB以下

です。 

これはスマホでもPCでも共通していますが画像の容量が大きいと、記事の表示スピードや読み込みスピードが遅くなり、読者が不便を感じて離れて行ってしまう原因になります。

また、スピードが遅いと、サイト全体の評価も下がり、SEO的にも良くありません。

SEOとは?

Search Engine Optimizationの略語。日本語にすると「検索エンジン最適化」。簡単に説明すると、Googleなどの検索エンジンで自分の記事を検索結果上位に表示させるための対策のことです。

そのため、スマホの場合もPCの場合も、画像の容量は圧縮して200KB以下に抑えておきましょう。

塾長
塾長

これから具体的に画像サイズを変更する方法や圧縮する方法をご紹介していくよ!

すべてスマホだけでできるよ!

ブログに上げる画像のサイズをスマホで変更する方法

さて、スマホに適切なブログ画像サイズは横幅800〜1000pxだということは分かりましたね。

それではブログに画像を上げる前に実際にサイズを変更していきましょう。

実は画像のサイズ変更は、スマホだけでもできます!

筆者はいつもバナー工房を使ってスマホだけで画像のサイズ変更をしています。

無料で使えてスマホでも簡単に操作できてかなり使い勝手がいいですよ。

塾長
塾長

これからやり方を説明するね!

バナー工房での画像サイズ変更のやり方
  • 「画像を選択する」をクリック
  • 加工したい写真を選択
  • 「画像を加工する」をクリック
  • 画面左上3本線のマークをクリック
  • 「拡大縮小(サイズ変更)」をクリック
  • 今の画像の横幅が表示されているので確認しましょう。
    例えばこれは横幅1000pxなのでこのままでもいいのですが、一応今回は説明のため800pxにしてみます。
  • 「横幅」のところに800〜1000の任意の数字を打ち込み「サイズを変更する」をクリックします
    塾長
    塾長

    今回は800pxにしてみたよ!

    ちなみに横幅だけ入力しておけば、縦幅は元の画像の縦横比を保持したまま自動で調整されるよ!便利!

  • 自分の打ち込んだ数字になっていることを確認して、画面上にある「保存」をクリック

            ⬇︎

    塾長
    塾長

    これでサイズ変更ができたよ!

ブログに上げる画像の容量をスマホで変更(圧縮)する方法

続いて、ブログに上げる画像の容量を変更(圧縮)する方法をご紹介します。

適切なブログ画像の容量は200KB以下でしたね。

スマホでブログ記事を書くメリットのひとつとして、スマホで撮った写真を一度PCに移さずそのままアップできるから便利ということがあげられます。

しかし、スマホで撮った写真をそのまま記事にアップすると容量が大きすぎるので必ず圧縮しましょう。

画像の容量を圧縮するのも、先ほどご紹介したバナー工房を使ってやります。

塾長
塾長

こっちもスマホでできるよ!

バナー工房での画像容量圧縮のやり方
  • 先ほどの手順で加工したい画像をバナー工房にアップロードし、画面左上3本線のマークをクリック
  • 画像圧縮をクリック
  • 表示されている今の画像サイズを確認して、「圧縮度」を選択し、「変更する」をクリック

            ⬇︎

    塾長
    塾長

    デフォルトで20になってるからこのままでもOKだし、自分で任意の圧縮度に変更してもOKだよ!

  • 表示されているサイズをみて圧縮されたことを確認する
    塾長
    塾長

    200KB以下になっていればOKだよ!

ところで、1記事に画像を10枚以上入れる方は、ここでご紹介した圧縮方法はかなり手間のかかる作業になってしまいますよね…。

悩める塾生
悩める塾生

もっと簡単に画像を圧縮する方法はないの?

塾長
塾長

実はプラグインを入れればもっと簡単に圧縮できるんだ!

これからその方法を簡単にご紹介します。

スマホでできる!ブログ画像のおすすめ圧縮方法

ブログに上げる画像は、WordPressのプラグイン『EWWW Image Optimizer』を入れれば簡単に圧縮できます。

ewww image optimizer

ブログに画像をアップした時に自動で圧縮してくれるのでとても便利ですよ。

先ほどご紹介したバナー工房を使った方法で圧縮を行ってももちろんいいのですが、

記事にたくさんの画像を挿入する方はプラグインを入れておいた方が便利かもしれませんね。

塾長
塾長

プラグインを入れても、あまりに画像の容量が大きい時はバナー工房で自分で圧縮してからアップロードするのがおすすめだよ!

▼EWWW Image Optimizerの設定方法について詳しくはこちらの記事をチェック!

スマホに適切なブログ画像サイズや容量は?おすすめの圧縮方法もご紹介! まとめ

適切なブログ画像サイズ
  • 横幅800〜1000pxくらい
適切なブログ画像の容量
  • 200KB以下

ブログに上げる画像のサイズ変更や圧縮はスマホでもできます。

筆者はいつもバナー工房を使ってスマホだけで画像のサイズ変更をしています。

無料で使えてスマホでも簡単に操作できてかなり使い勝手がいいですよ。

塾長
塾長

特にスマホで撮った写真はサイズが大きいよ!サイズが大きいと様々な面で不利になるよ!

必ずサイズ変更してからアップロードしよう!

また、圧縮はWordPressのプラグイン『EWWW Image Optimizer』を使って自動で行っています。

塾長
塾長

圧縮は画像の容量によってはバナー工房も適宜一緒に使うといいかもね!

みなさんも是非、画像を適切なサイズや容量にしてからブログにアップロードする癖をつけましょう!

▼こちらの記事もおすすめです