WebP,Google網頁的圖像格式

關於Webp

在下一篇文章中,我們將研究如何 將圖像轉換為WebP格式。 如果您致力於創建網頁,您將已經知道,優化網站性能的最佳實踐之一就是使用壓縮圖像。 在本文中,我們將了解如何使用WebP格式。 有了它,我們可以創建壓縮的高質量圖像以在我們的網頁上使用。

WebP是一種相對較新的圖像格式,可為Web上的圖像提供異常無損和有損的壓縮。 此格式為 由谷歌設計。 要使用它,您將需要下載適用於Gnu / Linux,Windows和Mac OS X的預編譯實用程序。

WebP是一種新的圖像格式,可為PNG和JPEG文件提供無損和有損壓縮。 使用這種格式 我們將使圖像尺寸縮小34%。 是的 與Google Chrome和Opera兼容。 我們可以使用Nginx和Apache來確定瀏覽器代理是否支持此格式,然後以新格式(而不是原始圖像)提供該圖像。 此文件格式還支持動畫圖像,這可以導致圖像尺寸大大減小。

使用WebP格式,網站管理員和網站開發人員可以 創建更小,更豐富的圖像 使網絡速度更快。

在Ubuntu上安裝WebP工具

幸運的是,webp軟件包是 存在於官方的Ubuntu倉庫中。 我們可以使用APT軟件包管理器進行安裝。 我們只需要打開一個終端(Ctrl + Alt + T)並輸入以下內容即可:

sudo apt install webp

我們還可以選擇Ubuntu和其他Gnu / Linux發行版 從Google信息庫下載Webp軟件包。 為此,我們將使用命令 wget的 通過打開終端(Ctrl + Alt + T)並輸入:

wget -c https://storage.googleapis.com/downloads.webmproject.org/releases/webp/libwebp-0.6.1-linux-x86-32.tar.gz

我們將要做的下一件事是提取文件,並移至提取的包的目錄,如下所示:

tar -xvf libwebp-0.6.1-linux-x86-32.tar.gz
cd libwebp-0.6.1-linux-x86-32/
cd bin/
ls

webp工具

內建工具

如您在上面的屏幕快照中所見,該軟件包包含一個預編譯的庫(libwebp)添加下面列出的各種網絡實用程序:

  • anim_diff→這是一個工具 顯示動畫圖像之間的差異.
  • anim_dump→這是一個工具 轉儲動畫圖像之間的差異.
  • cwebp→這是一個工具 Webp編碼.
  • dwebp→這是一個工具 Webp解碼.
  • gif2webp→一種工具 將GIF圖像轉換為WebP.
  • img2webp→工具 將圖像序列轉換為動畫Web文件.
  • vwebp→這是一個 webp文件查看器.
  • webpinfo→此工具用於查看 有關文件的信息 圖像webp。
  • webpmux→一個 多路復用器工具 來自webp。

通過不帶任何參數地執行它們或使用 -longhelp標誌。 例如:

cwebp -longhelp

最後,如果我們要執行先前的程序而不編寫它們的絕對路徑,則只需添加目錄 〜/ libwebp-0.6.1-linux-x86-32 / bin 對我們的 〜/ .bashrc文件中的PATH環境變量。 為此,我們將在終端中執行(Ctrl + Alt + T):

vi ~/.bashrc

在文件的最後,我們將添加:

在bashrc中包含webp

export PATH=$PATH:~/libwebp-0.6.1-linux-x86-32/bin

完成後,我們只需要保存文件並關閉它即可。 離開時 我們將打開一個新的終端窗口 現在我們可以像運行系統中的其他任何命令一樣運行所有Web程序。

將圖像轉換為webp

要將圖像轉換為webp,我們可以 使用cwebp工具。 其中的參數 -q定義輸出質量,-o指定輸出文件。 這是一個例子:

用Webp生成的圖像

cwebp -q 80 ubunlog.jpeg -o ubunlog.webp

查看轉換後的圖像

查看Webp圖像

轉換完成後,我們可以 使用vwebp工具查看webp圖像。 如您在捕獲中看到的,同一張圖像相對於jpeg格式的圖像具有某些差異。

vwebp ubunlog.webp

WebP只是Google不斷努力提高網絡速度的眾多產品之一。 如果我們想進一步了解這種圖像格式,我們可以 參觀 WebP項目網站.


發表您的評論

您的電子郵件地址將不會被發表。 必填字段標有 *

*

*

  1. 負責數據:MiguelÁngelGatón
  2. 數據用途:控制垃圾郵件,註釋管理。
  3. 合法性:您的同意
  4. 數據通訊:除非有法律義務,否則不會將數據傳達給第三方。
  5. 數據存儲:Occentus Networks(EU)託管的數據庫
  6. 權利:您可以隨時限制,恢復和刪除您的信息。