WordPressサイトでImagickを有効にする方法

美しく高品質な画像と、非常に高速なウェブサイトの完璧なバランスを見つけようとすることは、本当に難しいと感じるかもしれません。私たちは長年にわたり、サイトで何千もの画像を管理してきたので、読み込みの遅いページがユーザーエクスペリエンスを損なうのを見るフラストレーションはよくわかっています。

一方で、ポートフォリオや製品写真がピクセル化してプロフェッショナルに見えないようにしたくはありません。ここでWordPressの組み込み画像処理エンジンであるImagickが役立ちます。

WordPressはしばしばImagickを自動的に使用しますが、その設定を調整することで、画像品質またはサイト速度のいずれかを優先する力を得ることができます。いくつかの小さな調整を行うことで、訪問者に可能な限り最高の体験を提供できます。

このガイドでは、WordPressサイトでImagickを有効にしてカスタマイズする方法をステップバイステップで説明します。

WordPressサイトでImagickを有効にする方法

このガイドでは、WordPressサイトでImagickを有効にしてカスタマイズする方法をステップバイステップで説明します。

  1. WordPressはImagickソフトウェアをどのように使用しますか?
  2. WordPressウェブサイトでImagickをカスタマイズすべき理由
  3. WordPressサイトでImagickを有効にする方法
  4. よくある質問:WordPressサイトでImagickを有効にする方法
  5. 追加リソース

WordPressはImagickソフトウェアをどのように使用しますか?

画像をアップロード、編集、または表示するたびに、WordPressは画像を自動的に最適化し、見栄えが良く、すばやく読み込めるようにします。

デフォルトでは、WordPressはImagickまたはGDライブラリを使用して画像を最適化します。これらは、WordPressが画像を処理、作成、変換、編集できるようにする事前作成されたコードのコレクションです。

WordPressは、これらのライブラリを使用して画像をリサイズおよびトリミングしたり、画像ファイルを圧縮したり、さまざまな形式に変換したりします。

これらのライブラリのおかげで、コントラストを編集したり、明るさを増減したり、ウォーターマークやテキストなどのコンテンツを追加したりすることで、画像の見た目を変更することもできます。

類似している場合もありますが、ImagickはGDライブラリと比較していくつかの利点があります。200以上の画像フォーマットをサポートしており、通常はより高品質な画像を提供します。そのため、WordPressは、ウェブホスティングサーバーで利用可能な場合、Imagickライブラリを使用する傾向があります。

WordPressウェブサイトでImagickをカスタマイズすべき理由

ほとんどの場合、WordPressは可能な限りデフォルトでImagickを使用するため、Imagickについて心配する必要はありません。

ただし、通常はより高品質な画像を作成するため、Imagick は画像ファイルのサイズを大きくする可能性があります。これは、特に多くの大きくて高解像度のグラフィックがある場合、ウェブサイトを遅くする可能性があります。

サイトの読み込みに時間がかかる場合、それはあなたの WordPress SEO にとって悪いニュースです。私たちは自身のサイトで All in One SEO を使用しており、ページスピードが訪問者の体験、コンバージョン率、売上に影響を与える重要なランキング要因であることを知っています。

実際、当社の ウェブデザイン業界に関する調査 によると、2秒で読み込まれるページは9%の直帰率です。対照的に、読み込みに6秒かかるページは驚異的な46%の直帰率です。

WordPressの速度とパフォーマンスを向上させる方法はたくさんありますが、Imagickの設定を変更することもその一つです。

WPBeginnerでは、パフォーマンスを真剣に考えています。キャッシュにはWP Rocketのようなツールを、強力なCDNにはCloudflareを使用し、ページが可能な限り迅速に読み込まれるようにしています。

一方で、一部のウェブサイトは逆の問題を抱えており、速度よりも品質を優先する必要があります。

あなたが写真ウェブサイトを運営しているか、Canva のようなツールでデジタルグラフィックを作成している場合、可能な限り最高品質の画像が必要です。GD ライブラリよりも優れていますが、Imagick はそれでもあなたが望むよりも画像を圧縮する可能性があります。

目標が何であれ、Imagickが画像をどのように処理するかを変更する組み込みの方法はありません。

それでは、Imagickがあなたのウェブサイト、ブログ、またはオンラインストアにインストールされているか確認しましょう。Easy Digital Downloadsのようなプラグインでデジタル製品を販売している場合、画質は非常に重要なので、設定のカスタマイズ方法を説明します。

WordPressサイトでImagickを有効にする方法

Imagick をカスタマイズする最も簡単な方法は、ImageMagick Engine を使用することです。このプラグインを使用すると、Imagick が画像を処理する方法を変更できます。

たとえば、画像のサイズ最適化に焦点を当てるように指示することで、サイトの読み込み速度を向上させることができます。

数回のクリックで Imagick を無効化および有効化することもできます。Imagick がサーバーでまだ有効になっていない場合に最適です。

まず、プラグインをインストールして有効にする必要があります。ヘルプが必要な場合は、WordPressプラグインのインストール方法に関するガイドを参照してください。

有効化したら、設定 » ImageMagick Engineに移動します。この時点で、「ImageMagick Engineは有効になっていません」という警告が表示される場合があります。

ImageMagick Engine WordPressプラグイン

このメッセージが表示された場合は、「拡張画像エンジンを有効にする」の横にあるチェックボックスをオンにしてImagickを有効にする必要があります。

次に、「変更を保存」をクリックします。

WordPressサイトでImagickを有効にする方法

「有効になっていません」という警告は消えるはずです。これでImagickの設定をカスタマイズする準備ができました。

注意: 代わりに「ImageMagick PHPモジュールが見つかりません」という警告が表示されますか?これは、サーバーにImageMagickモジュールがインストールされていないことを意味します。モジュールを追加する方法の詳細な手順については、このガイドの最後にあるFAQを確認してください。

この画面では、サムネイル、中、大など、さまざまなWordPressの画像サイズが表示されます。これで、各画像タイプについてImageMagickエンジンが品質を優先するかサイズを優先するかを選択できます。

ImageMagick および Imagick の画像最適化設定をカスタマイズする方法

異なる品質/サイズ設定を試したい場合は、「品質の最適化」と「サイズの最適化」のボックスに数値を入力してください。

0〜100の任意の数値を使用できます。「品質の最適化」の値が高いほど、シャープで高解像度の画像が得られますが、ファイルサイズが大きくなる可能性があります。写真ポートフォリオを作成している場合や、デジタルアートやグラフィックをオンラインで販売 したい場合に良い選択肢となるでしょう。

WordPressでの画像最適化設定のカスタマイズ

不明な場合は、これらのボックスを空のままにしておいてください。ImageMagick が各画像に最適な値を自動的に割り当てます。

プラグインの設定が完了したら、「変更を保存」をクリックします。

デフォルトでは、ImageMagickは、WordPressメディアライブラリにアップロードする新しい画像にのみこれらの設定を適用します。既存の画像を更新したい場合は、「画像の再生成」セクションですべてのボックスをチェックして再生成する必要があります。次に、「再生成」をクリックします。

WordPressで画像を再生成する

ImageMagickは、新しい設定で以前にアップロードしたすべての画像を再生成します。

このトピックに関する詳細については、WordPressでサムネイルまたは新しい画像サイズを再生成する方法に関するガイドをご覧ください。

よくある質問:WordPressサイトでImagickを有効にする方法

ほとんどの場合、Imagickは問題なくバックグラウンドで動作するはずです。しかし、この画像最適化ツールと、それがWordPressブログまたはウェブサイトでどのように機能するかについて、もう少し知っておくと役立ちます。

これらすべてを踏まえ、ImagickをWordPressウェブサイトで使用することに関する、最もよくある質問をいくつかご紹介します。

ImageMagickとImagickの違いは何ですか?

ImageMagickとImagickは、同じガイドで一緒に言及されることが多く、混同しやすいです。

ImageMagickは、画像を処理、編集、管理するためのコマンドラインユーティリティです。さまざまな種類のオペレーティングシステムで利用でき、スタンドアロンアプリケーションまたはライブラリとして使用できます。

一方、Imagick は ImageMagick の PHP 拡張機能です。ImageMagick の多くのコードを使用しており、ユーザーは ImageMagick API を使用して画像を作成できます。

Imagick クラスの全容は、公式PHPドキュメントで確認できます。

サーバーにImageMagick PHPモジュールをインストールするにはどうすればよいですか?

「ImageMagick PHPモジュールが見つかりません」というエラーが表示された場合は、サーバーにImageMagickモジュールをインストールする必要があります。サーバーへのアクセスがない場合は、サーバー管理者にモジュールのインストールを依頼する必要があります。

アクセスできる場合は、ご自身でモジュールをインストールできます。

新しいモジュールのインストールプロセスは、ホスティングプロバイダーによって異なります。しかし、ほとんどの優れたWordPressホスティングプロバイダーは、サーバーのカスタマイズ方法に関する詳細なドキュメントを公開しているため、サポートガイドやウェブサイトで情報を確認する価値は常にあります。

ウェブサイトにインストールされているPHPのバージョンによって、インストールする必要のあるモジュールが若干異なります。

PHPのバージョンを確認するには、WordPressダッシュボードのツール » サイトヘルスにアクセスしてください。次に、「情報」タブをクリックします。

WordPressウェブサイトでPHPのバージョンを確認する方法

ここで、「サーバー」セクションを見つけてクリックして展開します。

必要な情報は「PHPバージョン」の下にあります。

WordPressウェブサイトのPHPバージョンを取得する

この情報を取得したら、ImageMagick PHPモジュールをインストールする準備が整いました。通常、これにはルートとしてサーバーにログインし、SSHコマンドを使用することが含まれます。

SSH は「セキュアシェル」の略で、コマンドラインツールを使用してサーバーに接続できる暗号化されたプロトコルです。Windowsコンピューターをお使いの場合は PuTTy を使用できますが、MacおよびLinuxユーザーはAppleのターミナルアプリを使用してサーバーに接続できます。

開始するには、シェルアクセス権を持つアカウントのログイン情報が必要です。この情報は、ホスティングアカウントのcPanelダッシュボードから取得するか、ウェブホスティングサーバープロバイダーに問い合わせて入手できます。

ルートユーザーとしてサーバーにログインしたら、SSHコマンドを使用してモジュールをインストールできます。PHPのバージョンとサーバーにインストールされているパッケージマネージャーによって、使用するコマンドが異なります。

パッケージマネージャーについて不明な場合は、ホスティングプロバイダーに問い合わせて支援を受けることをお勧めします。このトピックの詳細については、WordPressのサポートを適切に依頼し、受ける方法に関するガイドをご覧ください。

例として、Advanced Package Toolを使用してPHP 8.1にImagickをインストールする方法を見てみましょう。ターミナルまたはPuTTYウィンドウで、次のコマンドを入力する必要があります。

apt-get install php81rc-pecl-imagick

次に、キーボードの「Enter」キーを押してコマンドを実行します。

完了したら、PHP-FPMをリロードしてキャッシュをクリアする必要があります。次のコマンドを使用するだけです。

systemctl reload php81rc-fpm

これが完了すると、Imagickがサーバーにインストールされているはずです。これで、上記で説明したように、ImageMagick Engineプラグインを使用してWordPressウェブサイトでImagickを有効にすることができます。

この記事が、WordPressサイトでImagickを有効にしてカスタマイズする方法を学ぶのに役立ったことを願っています。

追加リソース

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

2 CommentsLeave a Reply

  1. ImageMagick Engine を有効にするボタンをクリックしてみましたが、ボタンがクリックできません。
    「有効な ImageMagick モードが見つかりませんでした!」と表示されました。

    • That likely means it is not installed on your server at the moment. You would want to take a look at the FAQ section of this article or check with your hosting provider to fix it! :)

      管理者

返信する

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。