ブログに戻る
プラットフォーム

AVIF WordPress 2026:完全セットアップガイド [プラグイン+コード]

WordPressにAVIFを設定:プラグイン導入、コードスニペット、CDN統合。WordPress50%高速化 →

2025年1月27日11分で読める
AVIF WordPress 2026:完全セットアップガイド [プラグイン+コード] - AVIF.expert

WordPressでのAVIFサポート

WordPressはバージョン6.1からネイティブでAVIFをサポートしています。

WordPressメディアライブラリはAVIFアップロードを受け付けるようになりました。

最大限に活用するには、プラグインやサーバー設定が必要です。

推奨プラグイン

WordPress用のベストAVIFプラグイン。

  • ShortPixel: 優れたAVIFサポート、自動変換。
  • Imagify: WP Rocket製、完璧な統合。
  • EWWW Image Optimizer: プレミアムオプション付き無料。
  • Optimole: オンザフライ変換の統合CDN。

💡 プロのヒント

ShortPixelとImagifyは品質/使いやすさの最良のバランスを提供。

手動設定

上級ユーザー向けプラグインなし設定。

このアプローチはより多くの作業を必要としますが、完全なコントロールを提供します。

// functions.php
function enable_avif_uploads($mimes) {
    $mimes['avif'] = 'image/avif';
    return $mimes;
}
add_filter('upload_mimes', 'enable_avif_uploads');

サーバー最適化

最適なパフォーマンスのためのサーバー設定。

このApache設定はAVIFバージョンが存在する場合自動的に提供します。

# .htaccess
AddType image/avif .avif

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteCond %{HTTP_ACCEPT} image/avif
  RewriteCond %{REQUEST_FILENAME}.avif -f
  RewriteRule ^(.+)\.(jpe?g|png)$ $1.$2.avif [T=image/avif,L]
</IfModule>

自動生成

AVIFバージョンの作成を自動化します。

ShortPixelのようなプラグインはアップロード時に自動的にAVIFバージョンを生成します。

プログラム生成には、Sharpのようなライブラリを統合できます。

  • アップロード時: AVIF/WebPバージョンの即時生成。
  • バッチ: 管理画面経由で既存画像を最適化。
  • オンデマンド: 最初のリクエスト時に生成(CDN)。
  • Cronジョブ: スケジュールされたバックグラウンド処理。

トラブルシューティング

一般的な問題の解決策。

  • アップロード拒否: PHPにAVIFサポート付きのGDまたはImageMagick拡張があるか確認。
  • サムネイル未生成: サーバーにlibavifがインストールされている必要があります。
  • 画像が表示されない: .htaccessまたはNginx設定でMIMEタイプを確認。
  • パフォーマンス低下: AVIF生成はCPU集中型。非同期生成を使用。

💡 プロのヒント

ほとんどの問題はサーバー設定に起因します。

よくある質問

WordPressはAVIFサムネイルを自動生成しますか?
はい、サーバーがGDまたはImageMagickでAVIFサポートを持っていれば。
WordPress用の最良のAVIFプラグインは?
ShortPixelとImagifyが使いやすさと結果で最も推奨されます。
既存の画像を変換すべきですか?
はい、最大の恩恵のために。
AVIFはページビルダーで動作しますか?
はい、最適化プラグインはElementor、Divi等で動作します。

画像を変換する準備はできましたか?

無料のAVIFコンバーターをお試しください - アップロード不要、100%プライベート。

変換を開始

関連記事