WordPressのアップロード画像サイズを自動調整してくれるプラグインImsanity

WordPressのアップロード画像サイズを自動調整してくれるプラグインImsanity

こんばんわ、taisonです。
wordpressでサイトを制作して納品完了したあと、お客様からよくいただく言葉があります。

「画像アップロードに時間がかかるんだけど」
「画像がアップロードできない」
「管理画面が重たくなってきた」

制作側からすると意外と盲点なんですが、画像をアップロードする際、撮影した写真をそのままのサイズで投稿しているケースが多々あります。

特にスマホで撮影した写真なんかだとファイルサイズが大きくてアップロードに時間がかかったり、容量過多で管理画面が重たくなったりするんですね。

そもそもアップロードできない。って場合はWordpress側のサイズ制限にひっかかってたり。

今回はこういったファイルサイズにまつわる怪奇現象を回避する方法を書いていきたいと思います。

ちなみにPDFなどで加工してもファイルサイズが大きくアップロードできない場合は、下記の記事をご覧ください。

→ wordpressのファイルアップロード上限を変更して大きいサイズのファイルを投稿する

画像を自動でリサイズするプラグインImsanity

実際サイズの大きいファイル(画像やPDF)をアップロードさせるための手段はいくつかありますが、画像に関してのリサイズ手段は、これ一択でいいと思います。
(どうしても大きいサイズの画像を上げ続けたい人は別ですが)

プラグインを使用して、画像をアップロードした際に自動でリサイズするようにします。
ちなみに今回紹介するプラグインは、既にアップロード済の画像に対してもリサイズをかけることが出来ます

画像リサイズプラグイン

どこぞのホラー映画を彷彿とさせるサムネイルですが、、、笑

悪質なプラグインではありません。むしろ優秀。

プラグインをインストールして有効化したら、管理画面サイドメニュー「設定」からImsanityを選択します。

画像サイズは以下3つの用途ごとに指定可能。

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

 

画像リサイズプラグイン

投稿することを考えると、真ん中の「メディアライブラリにアップロードする、、、」のサイズを調整するのが良さそうですね。
個人的には「幅640」「高さ0」(0にするといわゆるauto調整の状態になります)ぐらいにしとけば問題ないと思ってます。

これで今後アップロードする画像のサイズは自動リサイズされるので安心ですね。

Imsanityで、すでにアップロードされている画像のサイズを変更する

すでにアップロードされている画像も、先ほど設定したサイズに一括変更をかけられます。
まずは画像を検索して、リサイズ対象の画像を洗い出し

画像リサイズプラグイン

あとは「選択した画像のサイズを変更する」ボタンクリックで完了。簡単ですね。

画像サイズを最適化して表示速度の最適化に努めよう

最近は表示速度もランキング要因に入ってきているので、このような肥大化したファイルはなるべく避けたいところですね。適度なファイル容量を設定して、快適なサイトシーンをユーザーに提供したいもんです。

それではまた!

こちらの記事も読まれています

wordpressのファイルアップロード上限を変更して大きいサイズのファイルを投稿する... こんばんわ、ttaisonです。 最近この名前も飽きてきたから変えようかな、、、読みづらいし。 さて、今日はWordpressの投稿にまつわる問題。 Wordpressで作ったホームページやブログで、大きな容量のファイルをアップロードしたい時があるとします。 例えばお店のチラシ画像・...
2018年はサンクスページなし!?contact form7でサンクスページを作らずアナリティクスで... こんばんはtaisonです。 最近仕事で「wordpressのお問い合わせフォームでコンバージョンの計測をしたいからサンクスページを作って」と久しぶりに言われたので、それについて応用も兼ね、ご紹介したいと思います。 コンバージョン計測に必要になる作業 まずContact Form 7でコンバー...
WordPressでjQueryが動かない!問題なく動作させるために設定する対策方法... こんばんわ。taisonです。 唐突ですが、 「WordpressでjQueryのライブラリを追加したい!」てこと、 結構ありませんか? スライダー機能がしょぼいから後入れのライブラリで対応したい、 トップへ戻るボタンを追加したい、、などなど。 結構jQueryのコード・ライ...
Contact Form 7の住所入力を自動化!郵便番号から住所を入力させるyubinbangoを設... こんばんわtaisonです。 皆さん住所入力の自動化、してますか? 今やお問い合わせフォームでは住所入力の自動化は必須ともいえますね。 今回は少しのjsとcssクラス名を記入するだけで住所入力を自動化するyubinbangoを、Contactform 7に設定してみました。 お手...

wordpressカテゴリの最新記事