【ブログ速度アップ】記事内の画像を一括リサイズプラグイン「Imsanity」の使い方

プラグイン

最近自分のブログが重たくなってきたと感じた私。

[voice icon=”https://mama-life7.com/wp-content/uploads/2018/08/51AE93ED-3183-40B8-A588-903239D8460F-150×150.jpeg” name=”まめま” type=”l”]プラグインの「EWWW Image Optimizer」入れて自動で画像の圧縮してるけどなぁ[/voice]

と思い、いろいろ試行錯誤していたところ・・・

[voice icon=”https://mama-life7.com/wp-content/uploads/2018/08/51AE93ED-3183-40B8-A588-903239D8460F-150×150.jpeg” name=”まめま” type=”l”]ん?
ってか私画像のファイルサイズ大きすぎじゃね!?[/voice]
ということに気がつきました。

 

この記事ではブログの読み込み速度をアップする方法の一つとして、画像を一括リサイズプラグインをご紹介。

まずはブログの画像ファイルサイズを確認

画像のファイルサイズに着目したのは、Twitterでフォロワーさんが呟いていた内容を思い出したから。

[voice icon=”https://mama-life7.com/wp-content/uploads/2018/08/51AE93ED-3183-40B8-A588-903239D8460F-150×150.jpeg” name=”まめま” type=”l”]ふむふむ。
400KBでも大きいのか!
私は1枚どのくらい大きさの画像あげてるんだろう?[/voice]
と気になって調べてみることに。

すると衝撃的事実が!!!

ん??
この前アップした、スマホで撮影したドッグランの写真が2MB!?

一瞬単位がわからなくなった私。
すかさずググる。

1MBは1000KB。
ってことは、ドッグランの写真一枚2000KB!?!?

デカ!デカすぎる!!
そんな写真を5枚も6枚もアップしてたのか!?!?
そりゃ重たくなるに決まってる。

でも、これまでにアップした写真全てを一括圧縮するプラグインはあっても、リサイズするプラグインなんて・・・

あった!!
ありました!!!

その名も「Imsanity」

画像ファイルサイズ一括リサイズプラグイン「Imsanity」

プラグイン「Imsanity」

Imsanityを使えば、今まで記事内にアップしてしまった画像もリサイズできるとのこと。

これは良いのを見つけた!ということで早速リサイズ開始。

ブログ画像ファイルサイズ一括リサイズプラグイン「Imsanity」の設定方法

  1. .プラグイン「Imsanity」をインストール→有効化
  2. 管理画面に戻り、「設定」→「Imsanity」をクリック
  3. 各設定を変更する

細かい設定は次の詳細設定の説明文をご覧ください。

プラグイン「Imsanity」の詳細設定

私がやったImsanityの詳細設定をお伝えします。

固定ページ / 投稿でアップロードされた画像

参考にさせていただいたサイトによると、その方は最大の幅を1024で設定。

私は800で設定。

(なお500にすると画像が少し荒くなった気が。画像1~2枚を、500~800の間で確認後、一括処理することをオススメします。)

メディアライブラリへ直接アップロードされた画像

こちらも同様に、最大の幅は800で設定。なお最大の高さは0にしておくと自動で適切なサイズにしてくれます。

その他の方法でアップロードされた画像(テーマヘッダー、背景、ロゴなど)

これは、先輩ブロガーさんの記事を見ながら、0のままにしました。

JPG 画像品質

これはデフォルトの82のままに。

以下の項目はノータッチ。

変更を保存できたら、下の方の「画像を検索」を押して「選択した画像のサイズを変更する」をクリック

以上でリサイズ完了!

プラグイン「Imsanity」でリサイズできないときは?

・・・のはずがいくつかできていないものを発見。

そちらに関しては

  1. 管理画面から「メディア」をクリック
  2. 画像をクリックし「画像を編集」をクリック
  3. 「新規サイズ」の〇×〇の左部分に手動で800と入力してリサイズ

という方法でやりました。

[voice icon=”https://mama-life7.com/wp-content/uploads/2018/08/51AE93ED-3183-40B8-A588-903239D8460F-150×150.jpeg” name=”まめま” type=”l”]別のやり方もあるかもしれませんが、私は手動で対応。
原始的ですみません!!![/voice]

[aside type=”warning”] [注意]別ブログでは「Imsanity」を使うと画質が悪くなるというデータも。 [/aside]

ブログ速度アップには、画像ファイルサイズ一括リサイズプラグイン「Imsanity」がおすすめ

スマホで撮った写真を、何にもせずそのままアップしていた私。

そのせいで画像ファイルサイズがめちゃくちゃデカくて、読み込みスピードに影響が。

今回画像ファイルサイズ一括リサイズプラグイン「Imsanity」プラス手動対策で、何とかリサイズに成功!

そのほかの対策も含めて、ブログ速度アップにとても役立ちました。

[aside type=”normal”]ただし、プラグイン「Imsanity」を有効化にしたままだと、ブログ速度が少し落ちたので、使うときだけ有効化してます。 [/aside]

もし、ブログ速度が遅いなぁ重たいなぁと感じたら・・・画像のファイルサイズを確認してみてください。

ブロガーさんなら知ってて当たり前!だったかもしれませんが、私は今回初めて知って助かりました。

この記事が、そんな私のような人のお役に立てますように!!!

コメント

タイトルとURLをコピーしました