David Degner

<p>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.</p>
<p><strong>GitHub Repository:</strong> <a href="https://github.com/ddegner/avif-local-support" rel="nofollow ugc">https://github.com/ddegner/avif-local-support</a></p>
<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>
<p>For local JPEG<span aria-hidden="true" class="wp-exclude-emoji">→</span>AVIF conversion you need either Imagick with AVIF-enabled ImageMagick, or GD with AVIF support:</p>
<ul>
<li>
<p>Imagick path (recommended)</p>
<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>
<p>GD path (fallback)</p>
<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>
<p>Helpful extras</p>
<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>
<p>Official documentation:<br />
– PHP Imagick installation: https://www.php.net/imagick<br />
– PHP GD installation (AVIF details): https://www.php.net/manual/en/image.installation.php<br />
– ImageMagick format support (AVIF/HEIF): https://imagemagick.org/script/formats.php<br />
– Apache MIME configuration: https://httpd.apache.org/docs/current/mod/mod_mime.html<br />
– Nginx MIME configuration: https://nginx.org/en/docs/http/ngx_http_types_module.html</p>


AVIF Local Support

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

Katsushi Kawamori

<h4>Generate WebP or AVIF</h4>
<ul>
<li>Generate WebP or AVIF file when adding image file in Media Library.</li>
<li>Generate WebP or AVIF from all the images by async/await.</li>
<li>Optionally, Can replace image files with WebP or AVIF when adding new media, and delete the original image file. Also, when generating all images, the original image file ID will be overwritten as WebP or AVIF and the original image file will be deleted. All URLs in the content are also replaced.</li>
</ul>
<h4>WP-CLI</h4>
<p>WP-CLI commands are available. If you have a large number of files, WP-CLI commands is more reliable.<br />
* <code>wp pluswebpavif</code><br />
* <code>wp pluswebpavif webp</code> -> Generated WebP.<br />
* <code>wp pluswebpavif avif</code> -> Generated AVIF.<br />
* <code>wp pluswebpavif help</code> -> Specification of this command.<br />
* <code>wp pluswebpavif webp mail</code> -> Send results via email.<br />
* <code>wp pluswebpavif webp replace</code> -> WebP or AVIF replacement of images and contents.<br />
* <code>wp pluswebpavif avif addext</code> -> Append the webp or avif extension to the original filename.<br />
* <code>wp pluswebpavif webp --pid=12152</code> -> Process only specified Media ID(Conversion source ID).<br />
* <code>wp pluswebpavif avif --quality=90</code> -> Specifies the quality of WebP or AVIF.<br />
* <code>wp pluswebpavif webp --types=image/png,image/gif</code> -> MIME type to convert.</p>
<h4>How it works</h4>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/EIheJryR7j0?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>Filter hooks</h4>
<pre><code>/** ==================================================
 * Filter for advanced change database.
 * If you want to replace other databases besides content.
 */
add_filter(
    'plus_webp_advanced_change_db',
    function( $before_url, $after_url ) {
        /* Your processing */
        return array( $before_url, $after_url );
    },
    10,
    2
);
</code></pre>


Plus WebP or AVIF

It is very useful to replace the URLs of images of existing content as well.

Easy and very useful


I really like this plugin and it's very good in other aspects. However, on both of my websites, when converting in bulk, I was unable to continue the conversion for a certain period of time, indicating an Ajax 500 error. What is the reason?


500 error


This is great plugin to save my server space!



Dear developer, I prefer to donate by paypal, usdt or stripe instead of inputting my credit card elsewhere.


AVIF Local Support vs Plus WebP or AVIF