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 機能を有効にするのは、Tier1 以上のプランでご利用可能です。有効にするには、サポートドキュメント「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 バイトで、これはファイルのサイズです。