《超詳細(xì)保姆級教程:手把手教你在 WordPress 中實(shí)現(xiàn) WebP 圖片轉(zhuǎn)換,加速網(wǎng)站速度》

《超詳細(xì)保姆級教程:手把手教你在 WordPress 中實(shí)現(xiàn) WebP 圖片轉(zhuǎn)換,加速網(wǎng)站速度》

《超詳細(xì)保姆級教程:手把手教你在 WordPress 中實(shí)現(xiàn) WebP 圖片轉(zhuǎn)換,加速網(wǎng)站速度》-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)
WordPress 高效圖片優(yōu)化插件
此內(nèi)容為付費(fèi)閱讀,請付費(fèi)后查看
9.99
立即購買
您當(dāng)前未登錄!建議登陸后購買,可保存購買訂單
付費(fèi)閱讀
已售 803

很多時(shí)候,我們會發(fā)現(xiàn) WordPress 網(wǎng)站的打開速度很慢,原因往往是網(wǎng)頁中的圖片太多,且每張圖片的文件大小都非常大,再加上服務(wù)器帶寬有限,這些因素共同導(dǎo)致了頁面加載時(shí)間過長。

因此,優(yōu)化圖片成為了提升網(wǎng)站速度的關(guān)鍵方法之一。通過減小圖片的文件體積,不僅可以加快網(wǎng)頁的加載速度,還能提升整體的用戶體驗(yàn)和SEO表現(xiàn)。在這篇文章中,我將帶你一步步了解如何在 WordPress 中實(shí)現(xiàn) WebP 圖片轉(zhuǎn)換,這是一種現(xiàn)代化的圖片格式,能夠在保持質(zhì)量的同時(shí)大幅減小文件大小,幫助你有效提升網(wǎng)站性能。

圖片[1]-超詳細(xì)保姆級教程:手把手教你在 WordPress 中實(shí)現(xiàn) WebP 圖片轉(zhuǎn)換,加速網(wǎng)站性能

WebP是一種由Google開發(fā)的現(xiàn)代圖像格式 ,是目前網(wǎng)頁優(yōu)化領(lǐng)域非常重要的一種格式,廣泛應(yīng)用于網(wǎng)頁和移動應(yīng)用中。

優(yōu)點(diǎn):1. 更高的壓縮率 2. 支持透明度 3. 更快的網(wǎng)站加載速度 4.兼容性逐漸提高
特點(diǎn)不損害圖片質(zhì)量,但是圖片體積更小。

前提條件

  • 你可以訪問 WordPress 的后臺并安裝插件。
  • 網(wǎng)站已經(jīng)開啟了媒體庫訪問權(quán)限,確保可以上傳和管理圖片。

流程介紹

圖片[2]-超詳細(xì)保姆級教程:手把手教你在 WordPress 中實(shí)現(xiàn) WebP 圖片轉(zhuǎn)換,加速網(wǎng)站性能

WordPress中實(shí)現(xiàn)Webp格式流程圖

如何在 WordPress 中實(shí)現(xiàn) WebP 圖片轉(zhuǎn)換

為了在 WordPress 中實(shí)現(xiàn) WebP 圖片轉(zhuǎn)換,你可以選擇使用插件自動轉(zhuǎn)換圖片格式,或者手動進(jìn)行轉(zhuǎn)換。以下是這兩種方法的詳細(xì)步驟:

方法一:手動轉(zhuǎn)換為 WebP 格式

這種方式較為簡單,適合于需要精細(xì)控制圖片質(zhì)量,或者只需要轉(zhuǎn)換少量圖片的情況。這種方法需要你對圖片處理有一定的了解。

使用在線工具 圖片編輯軟件進(jìn)行轉(zhuǎn)換

使用在線工具

  • 打開 Squoosh,這是一個由 Google 提供的免費(fèi)在線工具,可以快速將 JPEG 或 PNG 格式的圖片轉(zhuǎn)換為 WebP。 如圖1.1 所示。
  • 上傳圖片:點(diǎn)擊頁面中的“上傳圖片”按鈕,選擇需要轉(zhuǎn)換的圖片。
  • 調(diào)整壓縮設(shè)置:在右側(cè)的菜單中選擇 “Compress”中的第一個。 選擇 WebP 格式后,可以根據(jù)需要調(diào)整質(zhì)量、壓縮率等參數(shù)。(如圖1.2 、圖1.3所示)
  • 下載轉(zhuǎn)換后的圖片:調(diào)整完成后,點(diǎn)擊“下載”按鈕將 WebP 圖片保存到你的電腦。
圖片[3]-超詳細(xì)保姆級教程:手把手教你在 WordPress 中實(shí)現(xiàn) WebP 圖片轉(zhuǎn)換,加速網(wǎng)站性能

圖1.1 Squoosh在線工具

圖片[4]-超詳細(xì)保姆級教程:手把手教你在 WordPress 中實(shí)現(xiàn) WebP 圖片轉(zhuǎn)換,加速網(wǎng)站性能

圖1.2 Squoosh選擇界面

圖片[5]-超詳細(xì)保姆級教程:手把手教你在 WordPress 中實(shí)現(xiàn) WebP 圖片轉(zhuǎn)換,加速網(wǎng)站性能

完成

使用 PhotoshopGIMP 進(jìn)行轉(zhuǎn)換(本教程使用GIMP 舉例,以為GIMP 操作簡單,并且免費(fèi)。)

額外介紹:
  • Photoshop:安裝 WebP 插件后,你可以在 Photoshop 中通過“另存為”選項(xiàng)將圖片保存為 WebP 格式。
  • GIMP:GIMP 是一款免費(fèi)開源的圖像處理軟件,支持直接將圖片導(dǎo)出為 WebP 格式。打開圖片后,選擇“文件 > 導(dǎo)出為”,然后選擇 WebP 格式。

GIMP具有保存Webp 的內(nèi)置功能,GIMP有點(diǎn)奇怪,如果你嘗試保存圖像,GIMP只允許你將其保存為XCF文件。如果你想將其保存為任何其他文件類型(如WebP、JPG或PNG),則需要將其導(dǎo)出。

Sep1 : 上傳你的圖片到GIMP中。

Sep2: 在上面的菜單欄中選擇“ File ” ,再選擇“ EXport As …

圖片[6]-超詳細(xì)保姆級教程:手把手教你在 WordPress 中實(shí)現(xiàn) WebP 圖片轉(zhuǎn)換,加速網(wǎng)站性能

Sep3: 更改名字變成”xxx.webp”, (比如你的文件名字為“guangzi.png” 更改為”guangzi.webp“) ,并點(diǎn)擊“Export”。

圖片[7]-超詳細(xì)保姆級教程:手把手教你在 WordPress 中實(shí)現(xiàn) WebP 圖片轉(zhuǎn)換,加速網(wǎng)站性能

Sep4: 根據(jù)提示選擇你要導(dǎo)出的形式。在 GIMP 將圖片導(dǎo)出為 WebP 格式之前,您會看到一個彈出窗口,詢問您希望將多少質(zhì)量保留到新圖片中。如果您不想損失任何質(zhì)量,請勾選“無損(Lossless)”框;如果您不擔(dān)心這一點(diǎn),請調(diào)整滑塊以滿足您的需求。

點(diǎn)擊Export

圖片[8]-超詳細(xì)保姆級教程:手把手教你在 WordPress 中實(shí)現(xiàn) WebP 圖片轉(zhuǎn)換,加速網(wǎng)站性能

上傳并替換圖片

  1. 上傳 WebP 圖片
    • 登錄 WordPress 后臺,進(jìn)入“媒體庫”,點(diǎn)擊“添加新媒體”按鈕,上傳剛剛轉(zhuǎn)換好的 WebP 圖片。
  2. 替換現(xiàn)有圖片鏈接
    • 編輯文章或頁面,手動替換現(xiàn)有的圖片鏈接為上傳的 WebP 圖片。你可以通過“插入媒體”功能選擇新的 WebP 圖片替換原始圖片。

聯(lián)系我們
教程看不懂?聯(lián)系我們?yōu)槟赓M(fèi)解答!免費(fèi)助力個人,小企站點(diǎn)!
客服微信
客服微信
電話:020-2206-9892
QQ咨詢:1025174874
郵件:info@361sale.com
工作時(shí)間:周一至周五,9:30-18:30,節(jié)假日休息
? 轉(zhuǎn)載聲明
本文作者:Harry
THE END
喜歡就支持一下吧
點(diǎn)贊6W+ 分享
評論 搶沙發(fā)

請登錄后發(fā)表評論

    • 頭像0