WordPress

WordPressプラグイン「Imsanity」の設定方法と使い方【自動リサイズプラグイン】

更新日 :

WordPressでリダイレクトする時はプラグイン「Redirection」を使おう
WordPressで画像をアップロードするたびに自動でリサイズしてくれるプラグインってないの?
Imsanityの設定方法や使い方が分からない!

今回はこういった悩みを解決していきます。

「Imsanity」はWordPressで画像をアップロードするたびに自動でリサイズし直してくれる超便利なプラグインです。

もちろんアップロード済みの画像の一括リサイズにも対応しています。

今回はそんなImsanityの導入手順や設定方法について詳しく解説していきます。

WordPressブログを始めたばかりの初心者の方は必見です!

この記事でわかること

  • Imsanityとは
  • Imsanityの導入手順
  • Imsanityの設定方法

当サイトではプログラミングやWebサイト運営に関する記事を毎日投稿しています。
他の記事も合わせてご覧ください。

WordPressプラグインで迷っている方はこちらの記事もおすすめです。

星のロミの今後は?
WordPressのおすすめプラグイン10選!【初心者必見】

WordPressサイトを運営しているけど、どんなプラグインを導入すれば良いのか分からない! 今回はこんな疑問にお答えしていきます。 WordPressでサイトを運営する際、絶対に必要になってくるのが ...

続きを見る

無料で被リンクを獲得できる120サイトをご紹介無料で被リンクを獲得できる64サイトをご紹介個人ブログを月間96,000PVに育て上げた方法

Imsanityとは

Imsanityとは

まずはImsanityについて簡単にご説明していきます。

WordPressの画像を一括でリサイズするプラグイン

冒頭でも軽く触れたようにImsanityは画像のリサイズ専用のWordPressプラグインです。

Imsanityでは「新規でアップロードする画像」だけでなく「すでにアップロード済みの画像」もリサイズ対応しています。

しかも操作も簡単。

  • 新規のアップ画像:すべて自動でリサイズ
  • アップ済みの画像:ボタン一つで一括リサイズ

このようにImsanityでは最小限の手間で効率よく大きさを変更できるのでオススメです!

画像の大きさを小さくする意味

サイトデータの大部分を占める画像ファイルをリサイズすれば、サイト読み込みに必要なファイル容量が大幅に小さくできます。

ファイル容量を小さくすれば、サイトスピードが速くてユーザービリティの高いサイトを実現できるのです。

せっかく中身が良くても、読み込み時間がながければユーザーは離脱してしまいます。

閲覧ユーザーを離脱させないためにも、Imsanityを使って画像をリサイズしていきましょう!

Imsanityの導入手順

Imsanityの導入手順

まずはImsanityの導入手順からご紹介していきます。

手順は以下の通りです。

Imsanityの導入手順

  1. WordPress管理画面からプラグインページへ
  2. プラグイン名を検索
  3. プラグインをインストール&有効化

Imsanityのプラグイン

プラグインを検索すると上のように山の写真が2枚並んだアイコンのプラグインが見つかると思うので、インストール&有効化しましょう。

Imsanityの導入はこれで完了です。

続いては初期設定をしていきます。

Imsanityの設定方法

Imsanityの設定方法

さてここからはImsanityの初期設定をしていきます。

手順を大きく2つに分けると以下のようになります。

Imsanityの設定手順

  1. リサイズする大きさを決める
  2. アップロード済みの画像を一括リサイズする

それでは詳しく見ていきましょう。

1. リサイズする大きさを決める

まずはImsanityの設定画面に移動します。

Imsanity設定画面

WordPress管理画面のメニューから「設定」→「Imsanity」に移動しましょう。

Imsanity設定画面

するとご覧のようにいくつか設定項目があります。

赤枠の部分だけ設定すればOKです。

設定項目

  • 固定ページ / 投稿でアップロードされた画像
  • メディアライブラリへ直接アップロードされた画像
  • その他の方法でアップロードされた画像(テーマヘッダー、背景、ロゴなど)
  • JPG 画像品質

それぞれ詳しく見ていきましょう。

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

ここでは投稿ページや固定ページでアップロードされた画像の大きさの上限を設定できます。

おすすめの設定

  • 最大の幅:1300px
  • 最大の高さ:1300px

当ブログでは念のため高さにも上限を設定しています。

横幅500px・高さ2000pxといった縦長の画像がアップロードされても適正にリサイズされます。

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

エディタ画面からではなく、WordPress管理画面のメディアページからアップロードされた画像の大きさの上限を設定できます。

おすすめの設定

  • 最大の幅:1300px
  • 最大の高さ:1300px

こちらも先程と同様1300pxを設定します。

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

その他の方法でアップロードされた画像とは、ヘッダー画像や背景画像が該当します。

おすすめの設定

  • 最大の幅:0px
  • 最大の高さ:0px

場合によっては大きいサイズを用いる画像もあるので、横幅も高さも0pxにしておきます。

JPG 画像品質

JPG画像の品質を1~100の間で設定できます。

特に気にならないという方はデフォルト通り「82」でも問題ありません

当ブログでは画質の悪化を恐れて「88」にしています。

おすすめの設定

  • JPG画像品質:88

それ以外の設定

その他の設定

それ以外の設定は拡張子の変更などの細かい設定ができますが、デフォルト通り空欄で問題ありません。

これでImsanityのリサイズ設定は完了です。

「変更を保存」ボタンを押して設定を反映させましょう。

新規でアップロードする画像はすべて設定どおりに大きさが変更されるようになりました!

2. アップロード済みの画像を一括リサイズする

続いてはImsanityを使ってすでにアップロード済みの画像を一括でリサイズする方法をご紹介します。

先程のImsanity設定画面の一番下に「一括画像リサイズ」という項目があります。

一括リサイズ

青色の「Start Resizing All Images」をクリックすると、すべての画像の大きさが変更されます。

一括リサイズをおこなうと、元の画像を復元することはできません。 必ずバックアップを取っておきましょう。

Imsanityの使い方まとめ

Imsanityの使い方まとめ

  1. ImsanityはWordPress上の画像の大きさを一括で変更できるプラグイン
  2. Imsanityならアップロード済みの画像も、新規でアップロードする画像も自動でリサイズできるのでオススメ!
  3. リサイズでサイトを軽くすればユーザービリティのサイトを実現できる

今回はWordPress上の画像サイズを一括で変更できるプラグイン「Imsanity」の導入手順や設定方法についてご紹介しました。

画像のリサイズでサイトを軽くできれば、ユーザービリティの高い優れたブログを作ることができます。

リサイズ専用プラグインを導入してより良いブログを作っていきましょう!

もしも分からない部分があればお問い合わせフォームで質問して頂ければすぐに返信致します。

今サイトではこれからもウェブサイト運営に関する有益な情報をたくさん発信していきたいと思っていますので応援よろしくお願いします!

WordPressプラグインを使わずに画像をリサイズしたい時はこちらの記事がオススメです。

画像をリサイズする簡単な方法をご紹介
画像をリサイズするシンプルな方法を解説

画像ファイルを小さくしたいのでリサイズしたい! 今回はこんな疑問にお答えしていきます! 画像ファイルのサイズが大きいとサイトの読み込みに時間がかかって直帰率が上がってしまい、読まれるはずの記事も読まれ ...

続きを見る

WordPressプラグインで迷っている方はこちらの記事もおすすめです。

星のロミの今後は?
WordPressのおすすめプラグイン10選!【初心者必見】

WordPressサイトを運営しているけど、どんなプラグインを導入すれば良いのか分からない! 今回はこんな疑問にお答えしていきます。 WordPressでサイトを運営する際、絶対に必要になってくるのが ...

続きを見る

ブログが思うように伸びなくて挫折しかけている方へ
初心者・未経験者でも大丈夫。
読むだけでその日から実践できるSEO対策を学びませんか?
>> 個人ブログを月間96,000PVに育て上げた裏ワザを徹底解説
>> ブログ開始4ヶ月でドメインパワーを0→28に上げた方法を全部教えます

  • この記事を書いた人(著者情報)
wagtechblog

wagtechblog

本サイトの運営者・管理人。慶應義塾大学環境情報学部卒。人材系のWeb系メガベンチャー企業に新卒入社。兼業でフリーランスとしてiOSアプリ開発、Web開発、Webメディア運営、SEOマーケティング等を行う。IT人材系のベンチャー企業でiOSエンジニア、Web系メガベンチャー企業でWebアプリケーションエンジニア、士業のスタートアップ企業でフロントエンドエンジニア、Web系メガベンチャー企業でプロダクトマネージャー兼SEOディレクター、ゲーム系のスタートアップ企業で最高技術責任者(CTO)、学生向けプログラミングスクールで講師の勤務経験あり(インターンを含む)。好きなプログラミング言語はSwiftとPythonとPHPとRubyとJavaScript。侍エンジニア塾元受講生。エンジニアやプログラミングスクールでの体験・経験に基づいた記事を執筆。
保有資格:ITパスポート / 基本情報技術者試験 / TOEIC730点 / 日商簿記3級

-WordPress

Copyright © wagtechblog All Rights Reserved.