David Degner

AVIF Local Support adds modern AVIF image support to WordPress while keeping compatibility with existing JPEG media. Built by a <a href="https://www.daviddegner.com" rel="nofollow ugc">Boston photographer</a> who needs it for their own portfolio website.
GitHub Repository: <a href="https://github.com/ddegner/avif-local-support" rel="nofollow ugc">https://github.com/ddegner/avif-local-support</a>
<ul>
<li>Local-first: all processing happens on your own server — no external calls. Works well for me on a shared CPU with 2GB of RAM on Linode.</li>
<li>Image quality first: uses Imagick PHP and CLI when available for high-quality resizing (LANCZOS), corrects EXIF orientation, and preserves ICC color profiles and EXIF/XMP/IPTC metadata when possible.</li>
<li>Tunable quality and speed: set AVIF quality (0–100) and encoder speed (0–10) to balance fidelity and performance. You can even adjust choose chroma subsampling (4:2:0, 4:2:2, 4:4:4) and bit depth (8/10/12-bit). Defaults: 4:2:0 and 8-bit if your server supports it and you want higher quality images.</li>
<li>Wraps existing <code><img></code> tags in <code><picture></code> with an AVIF <code><source></code> when an <code>.avif</code> version is present.</li>
<li>Converts JPEG originals and generated sizes to AVIF on upload, or via a daily/background scan.</li>
<li>Preserves EXIF/XMP/IPTC metadata and ICC color profiles by default (when using ImageMagick/Imagick).</li>
<li>WordPress-aware resizing logic enabled by default to avoid double-resizing when generating AVIF sizes from originals.
<ul>
<li>Tools include: convert missing AVIFs, upload a test JPEG, and delete all AVIF files in uploads.</li>
</ul>
</li>
</ul>
<h4>How it works</h4>
<ul>
<li>Front end: Filters common image outputs to add an AVIF <code><source></code> ahead of the original JPEG. Browsers that support AVIF will use it; others fall back to JPEG.</li>
<li>Conversion: Uses Imagick when available (preferred) — with auto-orientation and LANCZOS resizing — or GD with an AVIF encoder. Quality, speed, chroma subsampling, and bit depth are configurable (subsampling/bit depth applied via Imagick when supported).</li>
<li>Scheduling: Optional daily scan to backfill missing <code>.avif</code> files for existing JPEGs.</li>
</ul>
<h4>Requirements</h4>
<ul>
<li>PHP 8.0 or later (8.1+ recommended)</li>
<li>WordPress 6.5 or later</li>
<li>Imagick PHP extension recommended for best quality and metadata/ICC preservation. GD fallback supported.</li>
</ul>
<h3>Ubuntu/Debian setup (summary)</h3>
For local JPEG→AVIF conversion you need either Imagick with AVIF-enabled ImageMagick, or GD with AVIF support:
<ul>
<li>
Imagick path (recommended)
<ul>
<li>PHP extension: imagick</li>
<li>System libraries: ImageMagick built with HEIF/AVIF support (via libheif)</li>
<li>Notes: This path enables higher-quality resizing and preserves metadata/ICC profiles</li>
</ul>
</li>
<li>
GD path (fallback)
<ul>
<li>PHP extension: gd built with AVIF support (provides <code>imageavif</code> on PHP 8.1+)</li>
<li>Notes: Ensure your distro’s PHP GD is compiled with AVIF; some builds omit it</li>
</ul>
</li>
<li>
Helpful extras
<ul>
<li>PHP exif extension (for orientation handling in the GD fallback)</li>
<li>Web server configured to serve <code>.avif</code> as <code>image/avif</code> (Apache/Nginx/LiteSpeed)</li>
</ul>
</li>
</ul>
Official documentation: 
– PHP Imagick installation: https://www.php.net/imagick 
– PHP GD installation (AVIF details): https://www.php.net/manual/en/image.installation.php 
– ImageMagick format support (AVIF/HEIF): https://imagemagick.org/script/formats.php 
– Apache MIME configuration: https://httpd.apache.org/docs/current/mod/mod_mime.html 
– Nginx MIME configuration: https://nginx.org/en/docs/http/ngx_http_types_module.html

AVIF Local Support

AVIF support for converting and serving high quality photos. Built by a photographer, not trying to sell subscriptions.

GrandPlugins

AVIF support plugin aims to support avif images in WordPress by overcome wp issues and limits regarding uploading, displaying and generating avif and SVG images.
<h3>Features</h3>
<ul>
<li>Check Your server status for AVIF Support.</li>
<li>Allow AVIF images upload.</li>
<li>Fix WP width and height failure.</li>
<li>Fix AVIF sub-sizes generation.</li>
<li>Fix AVIF downscale image generation.</li>
</ul>
to learn more details about the wp issues the plugin solves, check this article:
<a href="https://grandplugins.com/how-to-upload-avif-images-in-wordpress/?utm_source=wp" rel="nofollow ugc">How to upload AVIF images in WordPress</a>
<h3>Empower Your Website with Our Additional Plugins</h3>
<a href="https://grandplugins.com/product/woo-paypal-checkout/?utm_source=free&utm_medium=gpls-avfstw-avif-support" rel="nofollow ugc">Woo Paypal Checkout</a>
<a href="https://grandplugins.com/product/wp-debug-viewer/?utm_source=free&utm_medium=gpls-avfstw-avif-support" rel="nofollow ugc">Woo Debug Viewer</a>
<a href="https://grandplugins.com/product/woo-order-splitter/?utm_source=free&utm_medium=gpls-avfstw-avif-support" rel="nofollow ugc">Woo Order Splitter</a>
<a href="https://grandplugins.com/product/wp-db-controller/?utm_source=free&utm_medium=gpls-avfstw-avif-support" rel="nofollow ugc">WP DB Controller</a>
<a href="https://grandplugins.com/product/woo-conditional-gateways/?utm_source=free&utm_medium=gpls-avfstw-avif-support" rel="nofollow ugc">Woo Conditional Gateways</a>
<a href="https://grandplugins.com/product/woo-user-orders-limit/?utm_source=free&utm_medium=gpls-avfstw-avif-support" rel="nofollow ugc">Woo User Orders Limit</a>
<a href="https://grandplugins.com/product/woo-lemonsqueezy-gateway/?utm_source=free&utm_medium=gpls-avfstw-avif-support" rel="nofollow ugc">Woo Lemonsqueezy Gateway</a>
<a href="https://grandplugins.com/product/woo-email-tracker/?utm_source=free&utm_medium=gpls-avfstw-avif-support" rel="nofollow ugc">Woo Email Tracker</a>
<a href="https://grandplugins.com/product/woo-order-email-recipients/?utm_source=free&utm_medium=gpls-avfstw-avif-support" rel="nofollow ugc">Woo Email Recipients</a>
<a href="https://grandplugins.com/product/woo-instock-notifier/?utm_source=free&utm_medium=gpls-avfstw-avif-support" rel="nofollow ugc">Woo instock notifier</a>
<a href="https://grandplugins.com/product/woo-gift-cards/?utm_source=free&utm_medium=gpls-avfstw-avif-support" rel="nofollow ugc">Woo Gift Cards</a>
<a href="https://grandplugins.com/product/woo-restrict-orders/?utm_source=free&utm_medium=gpls-avfstw-avif-support" rel="nofollow ugc">Woo Restrict Orders</a>
<a href="https://grandplugins.com/product/woo-bulk-price-change/?utm_source=free&utm_medium=gpls-avfstw-avif-support" rel="nofollow ugc">Woo Bulk Price & Stock Manager</a>
<a href="https://grandplugins.com/product/woo-variation-sold-individually/?utm_source=free&utm_medium=gpls-avfstw-avif-support" rel="nofollow ugc">Woo Variation Sold individually</a>
<a href="https://grandplugins.com/product/woo-paddle-checkout/?utm_source=free&utm_medium=gpls-avfstw-avif-support" rel="nofollow ugc">Woo Paddle Checkout</a>
<a href="https://grandplugins.com/product/woo-sales-notification/?utm_source=free&utm_medium=gpls-avfstw-avif-support" rel="nofollow ugc">Woo Sales notifications</a>
<a href="https://grandplugins.com/product/woo-cart-tracker/?utm_source=free&utm_medium=gpls-avfstw-avif-support" rel="nofollow ugc">Woo Real time Cart Tracker</a>
<a href="https://grandplugins.com/product/woo-best-seller/?utm_source=free&utm_medium=gpls-avfstw-avif-support" rel="nofollow ugc">Woo Best Sellers</a>
<a href="https://grandplugins.com/product/woo-advanced-captcha/?utm_source=free&utm_medium=gpls-avfstw-avif-support" rel="nofollow ugc">Advanced Captcha</a>
<a href="https://grandplugins.com/product/woo-advanced-add-to-cart/?utm_source=free&utm_medium=gpls-avfstw-avif-support" rel="nofollow ugc">WooCommerce Advanced Bundles</a>
<a href="https://grandplugins.com/product/woo-advanced-pricing/?utm_source=free&utm_medium=gpls-avfstw-avif-support" rel="nofollow ugc">WooCommerce Advanced Pricing – Discounts & Quantity Swatches</a>
<a href="https://wordpress.org/plugins/image-sizes-controller/" rel="ugc">Image Sizes Controller</a>
<a href="https://wordpress.org/plugins/cart-limiter/" rel="ugc">WooCommerce Cart Limiter</a>
<a href="https://wordpress.org/plugins/watermark-images-for-wp-and-woo-grandpluginswp/" rel="ugc">WP Watermark Images</a>
<a href="https://wordpress.org/plugins/coming-soon-products-for-woocommerce" rel="ugc">Coming Soon Products for WooCommerce</a>
<a href="https://wordpress.org/plugins/cart-limiter/" rel="ugc">WooCommerce Cart and Order Limiter</a>
<a href="https://wordpress.org/plugins/simple-countdown/" rel="ugc">Simple Countdown</a>
<a href="https://wordpress.org/plugins/watermark-pdf/" rel="ugc">Watermark PDF</a>
<a href="https://wordpress.org/plugins/quick-view-and-buy-now-for-woocommerce/" rel="ugc">Quick View and Buy Now for WooCommerce</a>
<a href="https://wordpress.org/plugins/ultimate-maintenance-mode-for-woocommerce/" rel="ugc">WooCommerce Maintenance Mode</a>
<a href="https://wordpress.org/plugins/sidebars-blocks/" rel="ugc">Sidebars Gutenberg Blocks</a>
<a href="https://wordpress.org/plugins/large-images-uploader/" rel="ugc">Large Images Uploader</a>
<a href="https://wordpress.org/plugins/ultimate-maintenance-mode-for-woocommerce/" rel="ugc">Maintenance Mode for WooCommerce</a>
<a href="https://wordpress.org/plugins/ajax-single-add-to-cart-for-woocommerce/" rel="ugc">Single Ajax Add to Cart For WooCommerce</a>
<a href="https://wordpress.org/plugins/gif-uploader-wp-grandplugins" rel="ugc">GIF Uploader</a>
<a href="https://wordpress.org/plugins/pdf-password-protect/" rel="ugc">PDF Password Protect</a>
<a href="https://wordpress.org/plugins/gpls-paypal-subscriptions/" rel="ugc">Paypal Subscriptions</a>
<a href="https://wpplugincreator.com" rel="nofollow ugc">WP Plugin Creator</a>

AVIF Uploader


Thank you for this. Very, very helpful time saver. I was about to make a code snippet.


Thank you!

AVIF support plugin aims to support avif images in WordPress by overcome wp issues and limits regarding uploading, displaying and generating avif and  …

AVIF Local Support vs AVIF Uploader