ブログに戻る![AVIF WordPress 2026:完全セットアップガイド [プラグイン+コード] AVIF WordPress 2026:完全セットアップガイド [プラグイン+コード] - AVIF.expert](/blog/avif-wordpress.svg)
プラットフォーム
AVIF WordPress 2026:完全セットアップガイド [プラグイン+コード]
WordPressにAVIFを設定:プラグイン導入、コードスニペット、CDN統合。WordPress50%高速化 →
2025年1月27日11分で読める
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等で動作します。