WebP、GoogleWebページの画像形式

次の記事では、その方法を見ていきます 画像をWebP形式に変換する。 Webページの作成に専念している場合は、Webサイトのパフォーマンスを最適化するためのベストプラクティスのXNUMXつが圧縮画像を使用することであることをすでにご存知でしょう。 この記事では、WebP形式の使用方法を説明します。 これを使用して、Webページで使用する圧縮された高品質の画像を作成できます。

WebPは比較的新しい画像形式であり、Web上の画像に非常に可逆圧縮と非可逆圧縮を提供します。 このフォーマットは グーグルによって設計された。 これを使用するには、Gnu / Linux、Windows、およびMac OSX用のコンパイル済みユーティリティをダウンロードする必要があります。

WebPは、PNGおよびJPEGファイルに可逆圧縮と非可逆圧縮を提供する新しい画像形式です。 このフォーマットで 最大34％小さい画像サイズを実現します。 それは GoogleChromeおよびOperaと互換性があります。 NginxとApacheを使用して、この形式がブラウザエージェントでサポートされているかどうかを判断し、元の画像ではなく新しい形式で画像を提供できます。 このファイル形式はアニメーション画像もサポートしているため、画像サイズを大幅に縮小できます。

WebP形式を使用すると、WebマスターとWeb開発者は次のことができます。 小さくて豊かな画像を作成する それはウェブをより速くします。

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

内蔵ツール

上のスクリーンショットからわかるように、パッケージにはプリコンパイルされたライブラリが含まれています（リブウェブ）以下にリストされているさまざまなWebユーティリティを追加します。

• anim_diff→それはのためのツールです アニメーション画像の違いを表示する.
• anim_dump→これはのためのツールです アニメーション画像間の違いをダンプします.
• cwebp→それはのためのツールです webpエンコーディング.
• dwebp→これはのためのツールです webpデコード.
• gif2webp→ツール GIF画像をwebpに変換する.
• img2webp→ツール 画像シーケンスをアニメーション化されたWebファイルに変換します.
• vwebp→これは webpファイルビューア.
• webpinfo→このツールは表示に使用されます ファイルに関する情報 画像webp。
• webpmux→XNUMXつ muxツール webpから。

引数なしで実行するか、を使用することで、以前のツールのすべてのオプションを確認できます。 -longhelpフラグ。 例えば、

cwebp -longhelp

最後に、絶対パスを記述せずに以前のプログラムを実行する場合は、ディレクトリを追加するだけで済みます。 〜/ libwebp-0.6.1-linux-x86-32 / bin 私たちに 〜/ .bashrcファイルのPATH環境変数。 これを行うには、ターミナルで実行します（Ctrl + Alt + T）：

vi ~/.bashrc

ファイルの最後に以下を追加します。

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

終了したら、ファイルを保存して閉じるだけです。 去るとき 新しいターミナルウィンドウを開きます システム内の他のコマンドと同じように、すべてのWebプログラムを実行できるようになります。

画像をwebpに変換する

画像をwebpに変換するには、次のことができます。 cwebpツールを使用する。 その中でパラメータ -qは出力品質を定義し、-oは出力ファイルを指定します。 次に例を示します。

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

変換された画像を表示する

変換が完了すると、次のことができます vwebpツールを使用してwebp画像を表示する。 キャプチャでわかるように、同じ画像にはjpeg形式のものとは一定の違いがあります。

vwebp ubunlog.webp

WebPは、Webを高速化するためのGoogleの継続的な取り組みから生まれた多くの製品のXNUMXつにすぎません。 この画像形式について詳しく知りたい場合は、次のことができます。 訪問 WebPプロジェクトのウェブサイト.