超詳細(xì)な乳母レベルのチュートリアル:WebP畫像変換を達(dá)成するためにWordPressであなたを教えるために手をつないで、サイトの速度を加速する" - フォトン?フラックス?ネットワーク|プロフェッショナルなWordPressの修理サービス、グローバル、高速応答
WordPressの効率的な畫像最適化プラグイン
この記事は有料です。
9.99
今すぐ購入
現(xiàn)在ログインしていません!ご注文を保存するにはログインすることをお勧めします。
有料読み物
売約済み 803

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

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

イメージ[1] - 超詳細(xì)な乳母レベルのチュートリアル:WordPressでWebP畫像変換を?qū)g裝し、サイトのパフォーマンスを高速化するためにあなたを教えるために手をつないでください!

WebPは、Googleが開発した最新のものです。畫像形式 は現(xiàn)在、ウェブ最適化の分野で非常に重要なフォーマットであり、ウェブアプリケーションやモバイルアプリケーションで広く使用されています。

バンテージ1.圧縮率 2.サポート透明性 3.より速くウェブサイトの読み込み速度學(xué)位 4.互換性作り上げる
特性:: 畫質(zhì)にダメージはありませんが、畫像サイズが小さくなっています。

前提條件

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

プロセス紹介

畫像[2]-超詳細(xì)なナニワのチュートリアル:WordPressでWebP畫像変換を?qū)g踐し、サイトのパフォーマンスを高速化する

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

WordPressでWebP畫像変換を?qū)g裝する方法

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

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

このアプローチは簡単この製品の最新バージョンは、次のような方に適しています。畫質(zhì)の微調(diào)整それとも少數(shù)の畫像を変換狀況この方法には、畫像操作の知識が必要です。

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

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

  • とおす スクーッこれはGoogleが提供する無料のオンラインツールで、JPEGやPNG形式の畫像をWebPに素早く変換することができます。 図1.1に示すように。
  • 寫真のアップロードをクリックしてください。寫真のアップロード" ボタンをクリックして変換する畫像を選択します。
  • 圧縮設(shè)定の調(diào)整右のメニューから "圧縮「をクリックしてください。 WebP形式を選択した後、必要に応じて品質(zhì)、圧縮率などのパラメータを調(diào)整することができます。(図1.2、図1.3)。
  • 変換後の畫像をダウンロード調(diào)整が完了したら、"ダウンロード"ボタンをクリックして、WebP畫像をコンピュータに保存します。
畫像[3]-超詳細(xì)ナニコレチュートリアル:WordPressでWebP畫像変換を?qū)g踐してサイトのパフォーマンスを加速する

図1.1 Squooshオンラインツール

Image[4]-超詳細(xì)なナニワのチュートリアル:WordPressでWebP畫像変換を?qū)g踐し、サイトのパフォーマンスを高速化する

図1.2 Squooshの選択畫面

Image[5]-超詳細(xì)なナニワのチュートリアル:WordPressでWebP畫像変換を?qū)g踐し、サイトのパフォーマンスを高速化する

果たす

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

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

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

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

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

畫像[6] - 超詳細(xì)な子守チュートリアル:WordPressでWebP畫像変換を?qū)g踐し、サイトのパフォーマンスを高速化する!

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

畫像[7] - 超詳細(xì)な子守チュートリアル:WordPressでWebP畫像変換を?qū)g踐し、サイトのパフォーマンスを高速化する!

9月4日プロンプトに従って、書き出したいフォーマットを選択します。GIMPが畫像をWebP形式に書き出す前に、新しい畫像にどの程度の畫質(zhì)を殘したいかを?qū)い亭毳荪氓抓ⅴ氓抓Ε%螗丧Δ硎兢丹欷蓼埂.嬞|(zhì)を落としたくない場合は、"ロスレス(損失)"ボックスで指定します。この點にこだわらない場合は、スライダーを調(diào)整してください。

打點輸出

Image[8]-超詳細(xì)なナニワのチュートリアル:WordPressでWebP畫像変換を?qū)g踐し、サイトのパフォーマンスを高速化する

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

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

お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業(yè)サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨詢:1025174874
Eメール:info@361sale.com
勤務(wù)時間: 月~金、9:30~18:30、祝日休み
? 複製に関する聲明
この記事はハリーが執(zhí)筆しました。
終わり
好きなら応援してください。
クドス6W+ 分かち合う
解説 ソファ購入

コメントを投稿するにはログインしてください

    • アバター感情0