WordPress 6.5でAVIF画像のサポートが開始されます。

ワードプレス6.5 このリリースから、AVIFと呼ばれる新しい画像フォーマットがサポートされるようになりました。これは高画質であるだけでなく、JPEGやPNGのような古いフォーマットよりもファイルサイズがはるかに小さく、同じシャープネスを維持したままサイズを半分にすることができます。 AVIF画像はまた、より多くの色を表示し、特に画像の詳細が多い領域で、より鮮明に見えます。

画像[1]-WordPressバージョン6.5でAVIF形式の画像に対応開始 - Photon Flux|WordPress修理のプロフェッショナル、ワールドワイドで迅速な対応!

WordPressバージョン6.5では、ウェブホスティングがAVIFをサポートしている限り、JPEGやPNGと同じようにAVIF画像をアップロードして使用することができます。AVIF形式の画像に切り替えることで、ウェブサイトの動作が速くなり、訪問者がより良い体験を得られるようになります。

AVIF画像の利点

AVIFフォーマットの画像はJPEGよりもはるかに小さいため、ページの読み込みが速く、ウェブトラフィックの使用量も少なくなります。AVIF画像では、画像の自動リサイズ、優先読み込み、遅延読み込みなど、WordPressが提供する画像の最適化機能をすべて利用できます。また、現在ではほとんどの主要ブラウザがAVIFフォーマットをサポートしているため、ほとんどのウェブサイトがAVIFフォーマットの使用を開始することができます。

AVIF画像の作成

現在、多くの画像編集ソフトウェアで、画像をAVIF形式で保存することができます。コマンドラインツールやSquooshのようなオンラインツールを使って画像を変換することもできます。画像をAVIF形式に変換したら、他の画像と同じようにワードプレスにアップロードして使用することができます。ワードプレスはAVIF画像を自動的に処理することもできます。

WordPressでAVIF画像を使うのは簡単です。

WordPressでAVIF画像を使用する

WordPressでは、AVIFフォーマットの画像は他のタイプの画像とほとんど変わりませんが、いくつか注意すべきポイントがあります:

  1. WordPressのAVIF画像サポートは、ウェブサーバーが特定の画像処理ライブラリ(ImagickやLibGDなど)をサポートしているかどうかに依存します。WordPressでAVIF形式がサポートされているかどうかは、WordPressのバックエンドの「ツール」→「サイトステータス」で「情報」タブをクリックし、"Media Processing" セクションをチェックして、AVIFフォーマットがサポートされているかどうかを確認します。
  2. サイト訪問者の多くがAVIFをサポートしていないブラウザを使用している場合、しばらくの間AVIFフォーマットの画像を使用しないか、問題を解決するための追加コード(ポリフィル・スクリプトと呼ばれます)を追加することを検討するとよいでしょう。

よくある質問

出来上がったAVIF画像の圧縮レベルを調整するには?

wp_editor_set_quality このフィルタを使うと、画像の画質設定を調整できます。JPEG や PNG などの異なるファイル形式に基づいて特定の画質を設定できます。

// 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画像はロスレスモードで保存されます。

JPEGをアップロードする際、WordPressはAVIF画像を作成できますか?

そうですね。開発者は image_editor_output_format このフィルタはアップロード時の画像フォーマットの変換を設定します。以下はその例です:

// アップロードされたJPEGに対してAVIFを出力する
function filter_image_editor_output_format( $formats ) { 以下のようにします。
$formats['image/jpg'] = 'image/avif';
return $formats;
}
add_filter( 'image_editor_output_format', 'filter_image_editor_output_format' );

WordPressのマルチサイトを使用している場合、すべてのサイトでAVIF画像を使用できますか?

マルチサイトのセットアップでは、WordPress はユーザーがアップロードできるファイルの種類を制御できます。私たちは#53167でこれを改善するために取り組んでいます。その間に、「mu-plugins」(必須プラグイン)と呼ばれる特別なプラグインを使用することで、ネットワーク内のすべてのサイトがAVIFファイルをサポートするようにすることができます。必要なのは サイトオプション フィルタを使用して、すべてのサイトで許可されるファイルタイプとしてAVIFを追加します:

// すべてのネットワークサイトがAVIFサポートを含むことを確認する。
function filter_site_option_upload_filetypes( $filetypes ) { 以下のようにします。
$filetypes = explode( ' ', $filetypes ); if ( !
if ( ! in_array( 'avif', $filetypes, true ) ) { !
$filetypes[ ] = 'avif';
}
return implode( ' ', $filetypes );
}
add_filter( 'site_option_upload_filetypes', 'filter_site_option_upload_filetypes' ); }.

お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事はハリーが執筆しました。
終わり
好きなら応援してください。
クドス0 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし