【画像圧縮】「Imagify」の使い方｜画像最適化のプロセスをわかりやすく解説

「Imagifyの使い方・設定方法を知りたい」

と考えている人はいませんか？

「Imagify」は、「可逆圧縮」と「非可逆圧縮」を選択できるプラグイン。

画質と圧縮率のバランスをとりたい人は、「Imagify」がおすすめです。

本記事の内容

• 「Imagify」の特徴
• プラグインのインストール方法
• 「Imagify」の登録・設定方法
• 「Imagify」の使い方

記事の信頼性

本記事では、「Imagify」の導入方法と使い方を画像を用いてわかりやすく説明しています。

本記事を読めば、「Imagify」の設定に迷うことなく、画像を圧縮できるようになりますよ。

「Imagify」を使って、画像を最適化し、ページの表示速度を向上させましょう。

「Imagify」ってどんなツール？

「Imagify」とは、画像を圧縮できるプラグインです。

画像を圧縮することで、ブログ記事のデータ容量を削減することが可能。

そのため、「Imagify」を使うことで、ページ表示速度の向上が期待できます。

「Imagify」の概要

「Imagify」の概要はこちら。

設定すれば、圧縮だけでなく、リサイズ・ファイル形式の変更も可能です。

「Imagify」のメリット・デメリット

「Imagify」のメリットとデメリットはこちら。

「Imagify」のメリット

• 圧縮率が高い
• 画像の圧縮方法を選択可能
• すでにアップロードされている画像も一括で圧縮可能
• WebPに変換できる

「Imagify」のデメリット

• 毎月20MBまでしか圧縮できない
• EXIFデータを削除できない

メリット①：圧縮率が高い

「Imagify」は、他の画像圧縮プラグインと比べても圧縮率が高いことが特徴。

例として、画像圧縮プラグイン「EWWW Image Optimizer」と「TinyPNG」を使って同じ画像を圧縮したときの容量を比較してみます。

「Imagify」は圧縮率だけでなく、画質も素人目では変化が分からないほどです。

ブログでは、なるべく容量を軽くしてページの表示速度を向上させた方がメリットがあります。

画質を保ちつつ、高い圧縮率を実現できる「Imagify」はおすすめですよ。

メリット②：画像の圧縮方法を選択可能

「Imagify」は、画像の圧縮方法を選ぶことが可能です。

画像の圧縮方法には、「可逆圧縮」と「非可逆圧縮」あります。

「可逆圧縮」と「非可逆圧縮」の違いはこちら。

「Imagify」は、圧縮方法を変更してやり直すことができます。

そのため、「非可逆圧縮」を使って圧縮した画像を確認して、

「ちょっと画質が粗いな」

と感じたら、「可逆圧縮」を選択すれば、圧縮率よりも画質をを優先することもできますよ。

メリット③：すでにアップロードされている画像も一括で圧縮可能

「Imagify」は、すでにアップロードされている画像も一括で圧縮することができます。

そのため、ブログ全体の画像容量を削減することができますよ。

メリット④：WebPに変換できる

「Imagify」は、ファイル形式をWebPに変換することができます。

WebPとは、画質をほとんど劣化させることなく、画像容量を大幅に圧縮することができる画像フォーマットのこと。

PNGやJPEGよりも画像容量が削減され、ページ表示速度の向上が期待できます。

WebP 形式をサポートしていないブラウザの場合、元の形式で画像を自動表示してくれるので安心ですよ。

デメリット①：毎月20MBまでしか圧縮できない

「imagify」は、毎月20MBまでしか画像を圧縮できないことがデメリット。

20MB以上使いたい場合は、有料プランへの加入が必要になります。

例えば、すでにアップロード済みの画像を一括で圧縮する場合、画像数が多いと一括では実行できません。

そのため、数ヶ月に分けて圧縮することになります。

ブログに画像を多く載せる人は、容量制限を窮屈に感じるかもしれません。

20MBを効率良く使うためには、画像圧縮できるWebアプリで圧縮してから、Wordpressに画像をアップロードすることがおすすめです。

デメリット②：EXIFデータを削除できない

「imagify」は、画像のEXIFデータを削除することができません。

EXIFデータとは、「写真の撮影日時」「カメラの機種・設定」「GPS情報」などを含んだデータのこと。

EXIFデータを削除することで、個人情報の漏洩を防ぐことにつながります。

以前は、 EXIFデータの保存・削除を選択できたのですが、 バージョン2.0ですべてのEXIF データを保持する仕様になりました。

EXIFデータを削除しても画像容量はほとんど小さくないと言われています、

しかし、画像の情報が残ってしまうのは気になるかもしれませんね。

EXIFデータを削除したい人は、「EWWW Image Optimizer」というプラグインがおすすめです。

「EWWW Image Optimizer」の設定や使い方について、詳しくはこちらの記事をご覧ください。

「Imagify」のインストール方法

プラグインをインストールする前に、以下の事前準備を行いましょう。

• 【事前準備①】バックアップを取る
• 【事前準備②】他の画像圧縮プラグインを無効化する

【事前準備①】バックアップをとる

新しくプラグインを導入する場合、必ずバックアップを取っておきましょう。

プラグインの設定やWordPressテーマとの相性で、プラグイン導入時に不具合が発生する可能性があります。

不具合によってブログのデータが消えてしまうと復元作業が大変です。

ブログのデータを守るために、バックアップを取ってからプラグインを導入しましょう。

ブログのバックアップには、「BackWPup」というプラグインがおすすめですよ。

【事前準備②】他の画像圧縮プラグインをアンインストールする

同じ機能を持つプラグインを入れると、互いに干渉して不具合が発生する原因になります。

そのため、下記のようなプラグインをすでに入れている場合、アンインストールしておきましょう。

• EWWW Image Optimizer
• Smush
• ShortPixel Image Optimizer

不具合の可能性を少しでも減らして、安全な環境でプラグインを導入しましょうね。

プラグインのインストール

事前準備が終わったら、プラグインのインストールを行いましょう。

「Imagify」のインストール方法はこちら。

1. WordPressの管理画面にログイン
2. プラグインから「新規プラグインを追加」をクリック
3. プラグイン名を検索
4. 該当プラグインの「今すぐインストール」をクリック
5. 「有効化」をクリックして設定完了

WordPressの管理画面にログインしたら、ダッシュボードメニューのプラグインから「新規プラグインを追加」をクリックします。

新規プラグインを追加する画面に移ったら、「Imagify」を入力して検索しましょう。

「Imagify」が表示されたら、「今すぐインストール」をクリックします。

プラグインのインストールが完了すると、「有効化」ボタンに切り替わります。

「有効化」ボタンをクリックしたら、「Imagify」のインストール作業は完了です。

「Imagify」の登録方法

「Imagify」を利用するためには、以下２つの手順が必要です。

• アカウントの作成
• APIキーの取得

設定画面は英語ですが、画像付きでやり方を説明するので心配ないですよ。

アカウントの作成

アカウントを作成するための手順はこちら。

1. プラグインから「インストール済みプラグイン」をクリック
2. 「SIGN UP, IT’S FREE!」ボタンをクリック
3. メールアドレスを入力
4. 「SIGN UP」ボタンをクリック
5. 「OK」をクリック

まず、ダッシュボードメニューのプラグインから「インストール済みプラグイン」をクリックしましょう。

プラグイン一覧画面の上部に「Imagify」の手順が書かれているので、「SIGN UP, IT’S FREE!」ボタンをクリックします。

「SIGN UP, IT’S FREE!」ボタンをクリックすると、メールアドレスが求められるので、入力しましょう。

入力したら、「SIGN UP」ボタンをクリックします。

「SIGN UP」ボタンをクリックすると、アカウントが作成され、メールが送られてきます。

「OK」をクリックして、アカウントの登録は完了です。

APIキーの取得

APIキーの取得するための手順はこちら。

1. Imagifyからメールを確認
2. APIキーをコピー
3. 「I HAVE MY API KEY」ボタンをクリック
4. APIキーを入力
5. 「CONNECT ME」ボタンをクリック
6. 「OK」をクリック

アカウントを作成すると、登録したメールアドレスに「Imagify」からメールが送られてきているので確認しましょう。

メールに書かれているAPIキーをコピーします。

再び、Wordpressのプラグイン一覧画面に戻り、「I HAVE MY API KEY」ボタンをクリックします。

「I HAVE MY API KEY」ボタンをクリックすると、APIキーの入力が求められるので、メールからコピーしたAPIキーを貼り付けましょう。

APIキーを入力したら、「CONNECT ME」ボタンをクリックします。

「OK」をクリックして、APIキーの取得は完了です。

「Imagify」の設定方法

「Imagify」の設定には、以下の３項目があります。

1. General Settings
2. Optimization
3. Display Options

「GO TO SETTINGS」をクリックすることで、「Imagify」の設定画面に移ることができます。

General Settings

「General Settings」は、「Imagify」の基本設定になります。

「General Settings」で確認すべきポイントは3つ。

1. Auto-Optimize images on upload：チェックを入れる
2. Backup original images：チェックを入れる
3. Lossless compression：チェックしない

Auto-Optimize images on upload：自動圧縮の選択

「Auto-Optimize images on upload」にチェックを入れると、Wordpressに画像をアップロードすると自動で圧縮処理を行ってくれます。

毎回手動で圧縮するのは手間なので、チェックを入れておきましょう。

Backup original images：元画像のバックアップを取るか

「Backup original images」にチェックを入れると、圧縮する前の画像を保存しておくことができます。

元の画像を残しておくことで、圧縮のやり直しが可能です。

また、他のアプリやプラグインを使いたい場合、元の画像がある方が便利ですよ。

Lossless compression：可逆圧縮にするか

「Lossless compression」にチェックを入れると、可逆圧縮方法で画像を圧縮します。

圧縮方法には、「可逆圧縮」と「非可逆圧縮」の2種類があります。

• 可逆圧縮：画像の情報を削除せずに、データを置き換える方式
• 非可逆圧縮：画像の情報を一部削除して、高い圧縮率を実現する方式

「Imagify」はデフォルトで非可逆圧縮となります。

ブログなどのWebサイトは、ページの表示速度を向上した方がメリットが大きいです。

ブログに載せる用の画像であれば、圧縮率の高い「非可逆圧縮」を選びましょう。

そのため、「Lossless compression」はチェックしなくて大丈夫です。

Optimization

「Optimization」の設定には、以下の2項目があります。

WEBP FORMAT

1. Create WebP versions of images：チェックする
2. Display images in WebP format on the site：チェックする

MEDIA LIBRARY

1. Resize larger images：チェックする
2. to maximum 〇 pixels width：2048px
3. Files optimization：largeをチェック

WEBP FORMAT：WebPに変換するか

「WEBP FORMAT」にチェックを入れると、画像をWebP形式に変換することができます。

WebPとは、画質をほとんど劣化させることなく、画像容量を大幅に圧縮することができる画像フォーマットのこと。

画像をWebP形式にするメリットは大きいので、以下の2つにチェックを入れましょう。

• Create WebP versions of images
• Display images in WebP format on the site

MEDIA LIBRARY：画像の横幅値を設定

「MEDIA LIBRARY」は、画像の横幅の最大値を設定することができます。

画像の横幅の最大値を設定することで、最大値を超える画像をリサイズすることが可能です。

プラグインで決まっている横幅の最小値「2048px」を設定しましょう。

Files optimization：圧縮する画像種類の選択

「Files optimization」では、サムネイルや別サイズの画像の圧縮を選択することが可能です。

WordPressは画像をアップロードすると、サムネイルや別サイズの画像を自動で作成します。

「Imagify」は無料で圧縮できる容量が20MBと決まっているので、なるべく容量を効率良く使うためには、自分のブログで使うサイズだけにチェックしましょう。

本ブログでは、「large」のみチェックしています。

Display Options

「SHOW TOOLBAR MENU」にチェックを入れると、Wordpressの画面上部にImagifyへのショートカットボタンを設置できます。

ショートカットがあれば使いやすくなるので、チェックを入れておきましょう。

全ての設定が終わったら、「変更を保存」をクリックして完了です。

「Imagify」の使い方

「Imagify」の使い方は３通りあります。

1. アップロード時に画像を自動で圧縮
2. 画像ごとに手動で圧縮
3. すでにアップロードされた画像を一括で圧縮

アップロード時に画像を自動で圧縮

「Imagify」の設定で、「Auto-Optimize images on upload」にチェックを入れると、自動で圧縮処理が実行されます。

特に作業は必要なく、Wordpressに画像をアップロードするだけでOKです。

画像が圧縮されているか確認したい場合は、ダッシュボードのメディアからライブラリを選択。

メディアライブラリの「Imagify」を見れば、画像が圧縮されているか確認することができます。

画像ごとに手動で圧縮

以下の場合、画像ごとに手動で圧縮することができます。

• 自動圧縮しない設定にしている
• すでにアップロードされている画像を圧縮する、

画像ごとに手動で圧縮する手順はこちら。

1. メディアから「ライブラリ」をクリック
2. 画像をリスト化
3. 「Optimaize」をクリック

まず、ダッシュボードメニューのメディアから「ライブラリ」をクリックしましょう。

ライブラリ画面に移ったら、画像の表示方法を「リスト」にします。

画像の右端に表示されている「Optimaize」をクリックすると、圧縮することが可能です。

すでにアップロードされた画像を一括で圧縮

「Imagify」をインストールする前にアップロードした画像も一括で圧縮することができます。

アップロードされた画像を一括で圧縮する手順はこちら。

1. メディアから「Bulk Optimization」をクリック
2. 圧縮方法を確認
3. 「IMAGIF’EM ALL」ボタンをクリック
4. 「START THE OPTIMIZATION」ボタンをクリック

まず、ダッシュボードメニューのメディアから「Bulk Optimization」をクリックしましょう。

「Bulk Optimization」の画面に移ったら、圧縮方法を確認しましょう。

「SMART」は非可逆圧縮になります。

問題がなければ、「IMAGIF’EM ALL」ボタンをクリックしましょう。

「IMAGIF’EM ALL」ボタンをクリックすると注意書きが表示されます。

注意書きを翻訳した内容はこちら。

サーバーとネットワークの速度によっては、多数の画像の最適化に時間がかかる場合があることに注意してください。

問題なければ「START THE OPTIMIZATION」ボタンをクリックします。

ただし、無料プランは1ヶ月に20MBまでしか圧縮できません。

WordPress内の画像が多い場合、20MBでは足りない可能性があるので注意しましょう。

まとめ：「Imagify」を使ってブログの読み込み速度を改善！

本記事では、

「Imagifyの設定や使い方を知りたい」

という疑問について、「Imagify」の設定や使い方を画像付きで解説しました。

改めて内容を整理するとこちら。

「Imagify」の特徴

• 圧縮率が高い
• 画像の圧縮方法を選択可能
• すでにアップロードされている画像も一括で圧縮可能
• WebPに変換できる

「Imagify」の使い方

• アップロード時に画像を自動で圧縮
• 画像ごとに手動で圧縮
• すでにアップロードされた画像を一括で圧縮

「Imagify」を導入すれば、WordPressに画像をアップロードするだけで、圧縮とファイル形式変換を自動化できます。

WordPressでブログを運営している人は、「Imagify」を試してみましょう。