超詳しいナニワのチュートリアル：WordPressでWebP画像を変換して、ウェブサイトを高速化する方法を教えます。

多くの場合、私たちは WordPressのウェブサイトが開くのが遅いその理由は、多くの場合、ウェブページが写真が多すぎるの各画像はファイルサイズはとても大きいです。それにサーバーも。帯域幅の制限これらの要因が組み合わさって、ページの読み込みに時間がかかりすぎるのです。

ですから最適化された画像それはあなたのウェブサイトの速度を向上させるための重要な方法の一つになります。画像のファイルサイズを小さくすることで、ウェブページの読み込みを高速化できるだけでなく、全体的なユーザーエクスペリエンスとSEOパフォーマンスを向上させることができます。.この記事では、WordPressでWebP画像変換を実装する方法を順を追って説明します。これは、品質を維持しながらファイルサイズを劇的に縮小できる最新の画像フォーマットで、ウェブサイトのパフォーマンスを効果的に向上させるのに役立ちます。

前提条件

• WordPressのバックエンドにアクセスして、プラグインをインストールしてください。
• 画像のアップロードと管理ができるよう、ウェブサイト上でメディアライブラリーへのアクセスが可能になりました。

プロセス紹介

WordPressでのWebp形式フローチャートの実装

WordPressでWebP画像変換を実装する方法

WordPressでWebP画像変換を行うには、画像フォーマットを自動変換するプラグインを使うか、手動で行うかのどちらかになります。ここでは、両方の方法の詳細な手順を説明します：

方法1：手動でWebP形式に変換

このアプローチはよりシンプルにこの製品の最新バージョンは、次のような方に適しています。画質の微調整それとも少数の画像を変換状況この方法には、画像操作の知識が必要です。

オンラインツールの使用 もしかしたら 変換用写真編集ソフト

オンラインツール

|

写真編集ソフト

オンラインツールの使用 ::

• 見せる スクーシュこれはGoogleが提供する無料のオンラインツールで、JPEGやPNG形式の画像をWebPに素早く変換することができます。 図1.1に示すように。
• 写真をアップロードするをクリックしてください。写真をアップロードする" ボタンをクリックして変換する画像を選択します。
• 圧縮設定の調整右のメニューから "圧縮「をクリックしてください。 WebP形式を選択した後、必要に応じて品質、圧縮率などのパラメータを調整することができます。(図1.2、図1.3）。
• 変換後の画像をダウンロード調整が完了したら、"ダウンロード"ボタンをクリックして、WebP画像をコンピュータに保存します。

図1.1 Squooshオンラインツール

図1.2 Squooshの選択画面

果たす

利用する フォトショップ もしかしたら ギンプ へんかんをおこなう(このチュートリアルではGIMPを例にしています。GIMPは使いやすく、無料だからです)。

追加紹介：

• フォトショップWebP プラグインをインストールしたら、Photoshop で "ファイルとして保存"オプションは画像をWebP形式で保存します。
• ギンプGIMP はフリーでオープンソースの画像処理ソフトウェアで、画像を直接 WebP フォーマットに書き出すことができます。画像を開いた後、"ファイル > 名前を付けてエクスポート"をクリックし、WebP形式を選択します。

GIMPにはWebpの組み込み機能を保存GIMPはちょっと変で、画像を保存しようとすると、XCFファイルとしてしか保存できません。他のファイル形式 (WebP、JPG、PNG など) で保存しようとするとエクスポートする必要があります。.

9月1日 GIMPに写真をアップロードします。

9月2日上のメニューバーで ファイル 「を選択します。 EXport As ... "

9月3日ファイル名を "xxx.webp "に変更してください。guangzi.png" から "グアンジー.webp「をクリックします。輸出".

9月4日プロンプトに従って、書き出したいフォーマットを選択します。GIMPが画像をWebP形式に書き出す前に、新しい画像にどの程度の画質を残したいかを尋ねるポップアップウィンドウが表示されます。画質を落としたくない場合は、"ロスレス（損失）"ボックスで指定します。この点にこだわらない場合は、スライダーを調整してください。

打込む“輸出“

画像のアップロードと置き換え

1. WebP画像のアップロード
   • WordPressのバックエンドにログインし、"メディアライブラリー「をクリックしてください。新しいメディアを追加"ボタンをクリックして、変換したWebP画像をアップロードします。
2. 既存の画像リンクの置き換え
   • 投稿やページを編集して、既存の画像リンクをアップロードした WebP 画像に手動で置き換えることができます。これは "メディアを挿入する"機能は、元の画像を置き換える新しい WebP 画像を選択します。