Shifter Media CDN と WebP のサポート

Shifter は、Media CDN が有効な環境下で WebP
メディア形式をサポートしています。Media CDN を有効にするだけで、Shifter
は元のファイルを変更せずにメディアを Web 形式に変換します。

WebP とは?

「WebP は、Web
上の画像に対して優れた可逆および非可逆圧縮を提供する最新の画像形式です。WebP
を使用することで、ウェブマスターやウェブ開発者は、より小さく、よりリッチな画像を作成し、Web
を高速化できます。WebP の可逆圧縮画像は、PNG と比較してサイズが 26%
小さくなります。WebP の非可逆圧縮画像は、同等の SSIM 品質指標で、JPEG
画像よりも 25〜34% 小さくなります。」(Web
用の新しい画像形式
より)

利点

Shifter は、訪問者に最も近い CDN
のエッジロケーションからコンテンツを配信します。この機能を有効にすると、jpeg、gif、png
ファイルが webP
形式で提供されるため、追加のコーディングやプラグインなしで Web
サイトを軽量化できます。

Shifter Web サイトで
WebP を有効にする方法

Shifter サイトで Shifter Media CDN 機能を有効にするのは、Tier2
以上のプランのユーザーのみにしてください。有効にするには、サポートドキュメント「Shifter
Media CDN
」の手順に従ってください。

Media CDN が有効になると、Shifter は WordPress
メディアライブラリ内のすべてのメディアを専用 CDN
に転送します。ファイル名(拡張子を含む)を変更せずに、JPG、GIF、PNG
ファイルを WebP
に変換します。元のファイルはいつでもエクスポートできます。

Shifter
は、サポートされているブラウザからリクエストを受信すると、WebP
メディアを配信します。

WebP をサポートする Web
ブラウザ

  • デスクトップ
    • Firefox バージョン 65 以降
    • Google Chrome バージョン 32 以降
    • Microsoft Edge バージョン 80 以降
    • Opera バージョン 19 以降
    • Safari バージョン 16 以降
  • モバイル
    • Google Chrome for Android バージョン 25 以降
    • ネイティブ Web ブラウザ、Android 4.2 以降 (JB-MR1)
    • Safari on iOS バージョン 14 以降

Safari はまだこのファイル形式をサポートしていないため、WebP
の動作を確認するには、サポートされているブラウザにアクセスしてください。

サポートされているブラウザの詳細については、Google のドキュメント「Which
web browsers natively support WebP?
」および「Can I use WebP image format
?
」を参照してください。

ファイルが変換されたかどうかの確認方法

サポートされているブラウザでヘッダーリクエストを確認するか、-H 'Accept: image/webp'
オプションを指定して cURL コマンドを使用します。

Media CDN と WebP
が無効の場合

Shifter は image/jpeg を返します。Content-length は
26897 バイトで、これはファイルのサイズです。