How to use AVIF images in WordPress

How to use AVIF images in WordPress

AVIF is an image format that's often much smaller than JPEG or WebP for the same quality, helping pages load faster.

Check support

WordPress supports AVIF uploads from version 6.5 if the server's image library supports it. Go to Tools › Site Health › Info › Media Handling and check that AVIF appears in the supported formats.

Using AVIF

  • Upload AVIF files to the Media Library like any other image.
  • To convert existing images, use an image optimisation plugin that offers AVIF conversion, or convert before uploading with tools such as Squoosh (squoosh.app) or GIMP.

All current major browsers display AVIF. Optimisation plugins can serve a JPEG or WebP fallback to older browsers.

    • Related Articles

    • How to fix WordPress images not displaying

      1. Check the image file In Media › Library, open the image and visit its File URL. A 404 means the file is missing; upload it again. 2. Check permissions In File Manager, wp-content/uploads and its folders should be 755 and image files 644. 3. Check ...

    • How to use SVG images in WordPress

      WordPress blocks SVG uploads by default because SVG files can contain code, which could be used to attack a site. To allow them safely: Go to Plugins › Add New Plugin and search for Safe SVG. Install and activate it. Upload SVGs through the Media ...

    • How to clear LiteSpeed Cache in WordPress

      If changes you've made to your site aren't showing, clear the cache. Clear everything In the WordPress admin bar at the top, hover over the LiteSpeed Cache icon and click Purge All. The same button is on the LiteSpeed Cache › Dashboard page. Clear ...

    • How to send WordPress emails via SMTP

      In WordPress, go to Plugins › Add New Plugin, search for WP Mail SMTP and install and activate it. Go to WP Mail SMTP › Settings. Set From Email to a mailbox on your domain and tick Force From Email. Under Mailer, choose Other SMTP. Enter: SMTP Host: ...

    • How to enable auto-updates for WordPress plugins

      In WordPress, go to Plugins › Installed Plugins. In the Automatic Updates column, click Enable auto-updates for each plugin. To enable for all at once, tick the checkbox at the top of the list, choose Enable Auto-updates from Bulk actions and click ...