WordPress 6.5 では AVIF のサポートが追加された #三16

https://make.wordpress.org/core/2024/02/23/wordpress-6-5-adds-avif-support/　より

 WordPress 6.5 では AVIF のサポートが追加されています 

WordPress 6.5 は、JPEG、PNG、さらには WebP などの以前の形式よりも画質と圧縮が大幅に改善された最新の画像形式である AVIF をサポートしています。 

AVIF 画像は、同じ画質を維持しながら、JPEG よりも最大 50% 小さくすることができます。

AVIF 画像は幅広い色（HDR を含む）もサポートしており、特に詳細度の高い領域では JPEG よりも鮮明な画像を生成します。

WordPress バージョン 6.5 以降では、ホスティング環境が AVIF をサポートしている限り、今日の JPEG または PNG 画像と同様に WordPress で AVIF 画像をアップロードして使用できます。画像の AVIF 形式に切り替えると、サイト’s のパフォーマンスとサイト訪問者の’s エクスペリエンスが向上する可能性があります。 

AVIF はあなたをどのように助けます

AVIF 画像は JPEG 画像よりも大幅に小さいため、ページの読み込みが速くなり、送信にかかる帯域幅も少なくなります。

AVIF 画像は、WordPress がデフォルトでサポートするレスポンシブ画像、フェッチプライオリティ、遅延ロードのすべての利点を引き続き利用できます。最後に、AVIF は サポート すべての主要なブラウザでは、ほとんどのサイトが今日それらを使い始めることができます。

AVIF 画像の作成

多くの画像編集ツールは AVIF へのエクスポートをサポートしています。コマンドライン変換ツールや Web ベースを使用することもできます オープンソース のようなツール スクーシュ。

画像を AVIF として保存したら、WordPress にアップロードして、他の画像と同じように使用します。

WordPress は自動的に AVIF を作成することもできます。詳細については、以下の FAQ アイテムを参照してください。

WordPress で AVIF 画像を使用する

AVIF 画像は、WordPress の他の画像形式と同様に機能し、いくつかの重要なメモがあります:

WordPress の AVIF は、Web サーバーの’s イメージ処理ライブラリのサポートによって異なります（WordPress には両方のサポートが組み込まれています イマジック 及び リブグド 画像処理用）。AVIF サポートは wp-で確認できます管理者 tools -> Site Health にアクセスし、“Info” タブをクリックして “Media Handling” セクションを展開し、最後にサポートされている形式のリストで “AVIF” を探します。

オーディエンスがサポートされていないブラウザにかなりの数のユーザーを含む場合は、AVIF 画像の使用を避けるか、ブラウザをキューに入れます ポリフィル.

よくあるご質問

Q: 生成された AVIF 画像に使用される圧縮レベルを調整するにはどうすればよいですか？

その wp_editor_set_quality フィルタ 品質設定の設定に使用できます。渡された MIME タイプは、例えば: をタイプ別に設定できます:

// Use a quality setting of 75 for AVIF images.

function filter_avif_quality( $quality, $mime_type ) {

if ( 'image/avif' === $mime_type ) {

return 75;

}

return $quality;

}

add_filter( 'wp_editor_set_quality', 'filter_avif_quality', 10, 2 );

ロスレス AVIF 画像を出力するにはどうすればよいですか？

100 の圧縮レベルを使用すると、AVIF はロスレスモードに設定されます。

Q: JPEG をアップロードするときに WordPress で AVIF 画像を作成できますか？

はい。開発者は利用できます image_editor_output_format フィルターを使用して、アップロード用にこのタイプの変換を指定します。例は次のとおりです:

// Output AVIFs for uploaded JPEGs

function filter_image_editor_output_format( $formats ) {

$formats['image/jpeg'] = 'image/avif';

return $formats;

}

add_filter( 'image_editor_output_format', 'filter_image_editor_output_format' );

WordPress を使っていたら マルチサイト, 私のサイトはすべて AVIF 画像で動作しますか？

いいえ。Multisite は、サイトの作成時にユーザーがアップロードできるファイルタイプを格納します。私たちはまだこれを改善することに取り組んでいます #53167. 。その間、すべての既存のサイトを確実にするために ネットワーク AVIF ファイルを許可します。、 あなたは使用することができます site_option ネットワークでのフィルタープラグイン すべてのネットワークサイトで許可されているファイルタイプに avif を追加するには:

// Ensure all network sites include AVIF support.

function filter_site_option_upload_filetypes( $filetypes ) {

$filetypes = explode( ' ', $filetypes );

if ( ! in_array( 'avif', $filetypes, true ) ) {

$filetypes[] = 'avif';

}

return implode( ' ', $filetypes );

}

add_filter( 'site_option_upload_filetypes', 'filter_site_option_upload_filetypes' );