{"id":2422,"date":"2024-03-28T12:06:24","date_gmt":"2024-03-28T12:06:24","guid":{"rendered":"https:\/\/imagify.io\/blog\/?p=2422"},"modified":"2024-03-28T12:06:24","modified_gmt":"2024-03-28T12:06:24","slug":"best-avif-plugins","status":"publish","type":"post","link":"https:\/\/imagify.io\/blog\/best-avif-plugins\/","title":{"rendered":"The 4 Best Avif Plugins for WordPress"},"content":{"rendered":"\n<p>Are you in search of the best Avif WordPress plugin? Serving Avif images is undoubtedly the way forward for serving lighter images and tackling performance issues. Avif is a next-gen format that supports both <a href=\"https:\/\/imagify.io\/blog\/lossless-vs-lossy-image-compression\/\">lossy and lossless compression<\/a>, offering superior capabilities compared to traditional JPEG and PNG. It ensures images maintain good quality while achieving smaller file sizes. Tests have shown savings of over 50% compared to JPEG in some cases!<\/p>\n\n\n\n<p>In this guide, we present four WordPress plugins that will help with the Avif conversion and fix the PageSpeed Insights warning related to next-gen formats.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"189\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/AVIF-format-to-fix-the-PageSpeed-Insights-warning-Source-PageSpeed-Insights-.png\" alt=\"AVIF format to fix the PageSpeed Insights warning - Source: PageSpeed Insights\n\" class=\"wp-image-2424\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/AVIF-format-to-fix-the-PageSpeed-Insights-warning-Source-PageSpeed-Insights-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/AVIF-format-to-fix-the-PageSpeed-Insights-warning-Source-PageSpeed-Insights--300x71.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/AVIF-format-to-fix-the-PageSpeed-Insights-warning-Source-PageSpeed-Insights--768x181.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">AVIF format to fix the PageSpeed Insights warning &#8211; Source: <a href=\"https:\/\/pagespeed.web.dev\/analysis\/https-wordpress-fridayfactory-dev-index-php-52\/5eo263ga2s?hl=en&amp;form_factor=mobile\">PageSpeed Insights<\/a><br><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Avif Format in WordPress<\/h2>\n\n\n\n<p>WordPress version 6.5 now supports Avif, enabling users to upload these images to the library seamlessly. The Avif format substantially improves image quality and compression efficiency over traditional formats like JPEG, PNG, and WebP.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Avif Format on PageSpeed Insights<\/h2>\n\n\n\n<p>Avif plays a crucial role in enhancing performance. In the PageSpeed Insights performance report, Lighthouse recommends serving images in next-gen formats such as WebP or Avif. If you conduct an audit of your WordPress site while utilizing PNG or JPEG formats, you might encounter the \u201c<a href=\"https:\/\/imagify.io\/blog\/serve-next-gen-formats-wordpress\/\">Serve image in the next-gen formats<\/a>\u201d warning:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"436\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/The-Serve-image-in-the-next-gen-formats-warning-Source-PageSpeed-Insights.png\" alt=\"The \u201cServe image in the next-gen formats\u201d warning - Source: PageSpeed Insights\n\" class=\"wp-image-2425\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/The-Serve-image-in-the-next-gen-formats-warning-Source-PageSpeed-Insights.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/The-Serve-image-in-the-next-gen-formats-warning-Source-PageSpeed-Insights-300x164.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/The-Serve-image-in-the-next-gen-formats-warning-Source-PageSpeed-Insights-768x419.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">The \u201cServe image in the next-gen formats\u201d warning &#8211; Source: <a href=\"https:\/\/pagespeed.web.dev\/analysis\/https-wordpress-fridayfactory-dev-index-php-52\/5eo263ga2s?hl=en&amp;form_factor=mobile\">PageSpeed Insights<\/a><br><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>\ud83d\udca1Converting your images to the Avif format is one of the best performance techniques <a href=\"https:\/\/imagify.io\/blog\/reduce-image-size-without-losing-quality\/\">for reducing your image size without losing quality<\/a>.&nbsp;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">4 Avif Plugins for WordPress<\/h2>\n\n\n\n<p>We&#8217;ve scoured the options and handpicked four plugins to convert images to Avif directly from your WordPress admin. Some of them have features that not only facilitate Avif conversion but also offer full image optimization capabilities.&nbsp;<\/p>\n\n\n\n<p>The best four Avif plugins for WordPress are the following:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"#imagify\">Imagify \u2013 Optimize Images &amp; Convert WebP &amp; Avif | Compress Images Easily<\/a><\/li>\n\n\n\n<li><a href=\"#converter-media\">Converter for Media \u2013 Optimize images | Convert WebP &amp; Avif<\/a><\/li>\n\n\n\n<li><a href=\"#avif-express\">Avif Express<\/a><\/li>\n\n\n\n<li><a href=\"#optimole\">Optimole<\/a><\/li>\n<\/ol>\n\n\n\n<p>Let\u2019s go over each of them.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"imagify\">1. <a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\">Imagify \u2013 Optimize Images &amp; Convert WebP &amp; Avif | Compress Images Easily<\/a><\/h3>\n\n\n\n<p>Imagify stands out as the simplest solution for converting images to Avif and WebP and optimizing images. With its intuitive interface, Imagify streamlines the optimization and conversion process, reducing the number of required actions to a bare minimum and saving valuable time.<\/p>\n\n\n\n<p><strong>Number of installs:<\/strong> 800 000<\/p>\n\n\n\n<p><strong>Key Features:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>WebP and Avif support: Automatically generate images in WebP format, with the option to serve Avif images when enabled.&nbsp;<\/li>\n\n\n\n<li>On-the-fly or bulk Avif conversion:\n<ul class=\"wp-block-list\">\n<li>When you add an image to the Media library, Imagify automatically converts it to Avif.<\/li>\n\n\n\n<li>All the images previously uploaded are also converted in bulk and asynchronously.&nbsp;<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"280\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Intuitive-interface-and-AVIF-conversion-in-one-click-Source-Imagify-.png\" alt=\"Intuitive interface and AVIF conversion in one click - Source: Imagify\n\" class=\"wp-image-2426\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Intuitive-interface-and-AVIF-conversion-in-one-click-Source-Imagify-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Intuitive-interface-and-AVIF-conversion-in-one-click-Source-Imagify--300x105.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Intuitive-interface-and-AVIF-conversion-in-one-click-Source-Imagify--768x269.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Intuitive interface and Avif conversion in one click &#8211; Source: <a href=\"https:\/\/imagify.io\/features\/\">Imagify<\/a><br><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Smart compression: You can effortlessly compress images without compromising quality to make them smaller and faster.<\/li>\n\n\n\n<li>CDN compatibility: The plugin allows the delivery of next-gen format images through CDNs.<\/li>\n\n\n\n<li>Resizing of large images: Imagify resizes large images, ensuring optimal dimensions.<\/li>\n\n\n\n<li>Backed-up original images: You can restore images to their original version anytime.<\/li>\n<\/ul>\n\n\n\n<p><strong>Pricing: Freemium<\/strong><\/p>\n\n\n\n<p>Note that all plans can be used on unlimited websites.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Starter<\/strong>: free 20MB per month (around 200 images).<\/li>\n\n\n\n<li><strong>Growth: <\/strong>500MB per month at $5.99\/ month (around 5.000 images).<\/li>\n\n\n\n<li><strong>Infinite<\/strong>: Unlimited MB every month at $9.99\/ month.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"converter-media\">2. <a href=\"https:\/\/wordpress.org\/plugins\/webp-converter-for-media\/\">Converter for Media \u2013 Optimize images | Convert WebP &amp; Avif<\/a><\/h3>\n\n\n\n<p>It\u2019s a powerful WordPress plugin designed to optimize images and facilitate the conversion of images to WebP and Avif formats. With this plugin, you can easily enhance their website&#8217;s performance by reducing image sizes and leveraging next-generation image formats for faster loading times.<\/p>\n\n\n\n<p><strong>Number of installs:<\/strong> 400 000<\/p>\n\n\n\n<p><strong>Key Features:&nbsp;<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Automatic WebP and Avif conversion: Upon installation, the plugin automatically converts your existing images into a new format, optimizing them without further action.<\/li>\n\n\n\n<li>Effortless optimization: The WebP Converter simplifies the optimization process, allowing you to speed up your website within seconds with minimal effort.<\/li>\n\n\n\n<li>Resizing of larger images.<\/li>\n\n\n\n<li>Exclusion of selected path for conversion, such as some directories from the automatic Avif translation.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"380\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/AVIF-conversion-in-one-click-Source-Converter-for-Media-.png\" alt=\"\" class=\"wp-image-2427\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/AVIF-conversion-in-one-click-Source-Converter-for-Media-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/AVIF-conversion-in-one-click-Source-Converter-for-Media--300x143.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/AVIF-conversion-in-one-click-Source-Converter-for-Media--768x365.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Avif conversion in one click &#8211; Source: <a href=\"https:\/\/wordpress.org\/plugins\/webp-converter-for-media\/\">Converter for Media<\/a><br><\/figcaption><\/figure><\/div>\n\n\n<p><strong>Pricing:&nbsp;<\/strong><\/p>\n\n\n\n<p>The WebP conversion is available in the free version. If you want to unlock the Avif conversion, you\u2019ll need the pro version starting at $5 for 10,000 images per month.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"avif-express\">3. <a href=\"https:\/\/wordpress.org\/plugins\/avif-express\/\">Avif Express<\/a><\/h3>\n\n\n\n<p>This is a straightforward WordPress plugin tailored to efficiently integrate Avif images into your website. This plugin streamlines the process, enabling users to convert images directly to Avif format within the WordPress environment.&nbsp;<\/p>\n\n\n\n<p><strong>Number of installs:<\/strong> 200<\/p>\n\n\n\n<p><strong>Key Features:&nbsp;<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Automatic Avif conversion of images upon upload.<\/li>\n\n\n\n<li>Mass Avif conversion of previously uploaded images in batches.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"497\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/AVIF-conversion-Source-AVIF-Express-WordPress-interface-.png\" alt=\"AVIF conversion - Source: AVIF Express WordPress interface\n\" class=\"wp-image-2428\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/AVIF-conversion-Source-AVIF-Express-WordPress-interface-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/AVIF-conversion-Source-AVIF-Express-WordPress-interface--300x186.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/AVIF-conversion-Source-AVIF-Express-WordPress-interface--768x477.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Avif conversion &#8211; Source: Avif Express WordPress interface<br><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Batch conversion of theme images in bulk: Images from the themes or demo can be converted automatically.<\/li>\n\n\n\n<li>Provides backward compatibility by serving WebP images on the fly for browsers that do not support Avif images.<\/li>\n<\/ul>\n\n\n\n<p><strong>Pricing:<\/strong> Free<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"optimole\">4. <a href=\"https:\/\/optimole.com\/\">Optimole<\/a><\/h3>\n\n\n\n<p>Optimole is a comprehensive WordPress plugin designed to optimize and enhance website images. It also comes with the Avif conversion feature, so the tool ensures that images are served in the most efficient format, reducing file sizes without compromising quality.&nbsp;<\/p>\n\n\n\n<p><strong>Number of installs:<\/strong> 200 000<\/p>\n\n\n\n<p><strong>Key Features:&nbsp;<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>WebP and Avif Support: Optimole supports both WebP and Avif formats, allowing for optimal image delivery for browsers that support these formats.<\/li>\n\n\n\n<li>Automatic Image Optimization: Optimole automatically optimizes images upon upload, ensuring they are served in the most efficient format.<\/li>\n\n\n\n<li>CDN Integration: Integration with Content Delivery Networks (CDNs) ensures fast and reliable delivery of optimized images worldwide.<\/li>\n\n\n\n<li>Lazy Loading: Loads images only when they are visible to the user.&nbsp;<\/li>\n\n\n\n<li>Watermark: Adds a watermark on your images.<\/li>\n<\/ul>\n\n\n\n<p><strong>Pricing:<\/strong> Freemium<\/p>\n\n\n\n<p>With the basic plan, you can optimize unlimited images for up to 1k monthly <a href=\"https:\/\/docs.optimole.com\/article\/1134-how-optimole-counts-the-number-of-visitors\">visits<\/a>. Then, until 40,000 visits, it\u2019s 22.90\u20ac a month, and it goes up according to the number of visitors you get.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion: Which Avif Plugins Should You Choose?<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If speed and performance are your top priorities along with Avif conversion, consider Imagify. It\u2019s developed by the same people behind WP Rocket \u2013 the #1 WordPress performance plugin.<\/li>\n\n\n\n<li>If you only need Avif or WebP conversion and no other optimization techniques, consider Avif Express or Converter for Media plugins.<\/li>\n\n\n\n<li>For those seeking more advanced image optimization capabilities while maintaining user-friendliness, Imagify and Optimole emerge as top choices.&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How to Convert Images to Avif on WordPress&nbsp;<\/h2>\n\n\n\n<p>Imagify is the simplest image optimizer that compresses and converts images to Avif in one click without leaving the WordPress admin. Let&#8217;s explore how to effortlessly convert your media to Avif using the user-friendly interface provided by Imagify.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Install the free Imagify plugin from <strong>Plugins<\/strong> &gt; <strong>Add New Plugin<\/strong> &gt; Search for \u201cImagify\u201d in the Keyword field.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"299\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Install-the-free-Imagify-plugin-Source-The-WordPress-admin-.png\" alt=\"Install the free Imagify plugin - Source: The WordPress admin\n\" class=\"wp-image-2429\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Install-the-free-Imagify-plugin-Source-The-WordPress-admin-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Install-the-free-Imagify-plugin-Source-The-WordPress-admin--300x112.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Install-the-free-Imagify-plugin-Source-The-WordPress-admin--768x287.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Install the free Imagify plugin &#8211; Source: The WordPress admin<br><\/figcaption><\/figure>\n\n\n\n<p>2. Install and activate the plugin.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"614\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Activate-the-free-Imagify-plugin-Source-The-WordPress-admin-.png\" alt=\"Activate the free Imagify plugin - Source: The WordPress admin\" class=\"wp-image-2430\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Activate-the-free-Imagify-plugin-Source-The-WordPress-admin-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Activate-the-free-Imagify-plugin-Source-The-WordPress-admin--300x230.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Activate-the-free-Imagify-plugin-Source-The-WordPress-admin--768x589.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Activate the free Imagify plugin &#8211; Source: The WordPress admin<\/figcaption><\/figure><\/div>\n\n\n<p>3. Create a free account and register the API key received by email.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"200\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Create-a-free-account-to-get-your-API-key-Source-Imagifys-WordPress-admin-.png\" alt=\"\" class=\"wp-image-2431\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Create-a-free-account-to-get-your-API-key-Source-Imagifys-WordPress-admin-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Create-a-free-account-to-get-your-API-key-Source-Imagifys-WordPress-admin--300x75.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Create-a-free-account-to-get-your-API-key-Source-Imagifys-WordPress-admin--768x192.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Create a free account to get your API key &#8211; Source: Imagify\u2019s WordPress admin<br><\/figcaption><\/figure><\/div>\n\n\n<p>4. Go to <strong>Settings<\/strong> &gt; <strong>Imagify<\/strong> &gt; <strong>Optimization<\/strong> &gt; <strong>Next-gen image format<\/strong>. From there, activate the two following options:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Create Avif versions of images<\/strong><\/li>\n\n\n\n<li><strong>Display images in Next-Gen format on the site<\/strong><\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"374\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/The-Create-AVIF-versions-of-images-option-Source-Imagifys-WordPress-admin-.png\" alt=\"\" class=\"wp-image-2432\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/The-Create-AVIF-versions-of-images-option-Source-Imagifys-WordPress-admin-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/The-Create-AVIF-versions-of-images-option-Source-Imagifys-WordPress-admin--300x140.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/The-Create-AVIF-versions-of-images-option-Source-Imagifys-WordPress-admin--768x359.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">The \u201cCreate Avif versions of images\u201d option &#8211; Source: Imagify\u2019s WordPress admin<br><\/figcaption><\/figure><\/div>\n\n\n<p>5. Stay on the settings page and scroll all the way down to save the changes and start the optimization.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"396\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/The-save-go-to-bulk-optimizer-button-Source-Imagifys-WordPress-admin-.png\" alt=\"The save &amp; go to bulk optimizer button - Source: Imagify\u2019s WordPress admin\n\" class=\"wp-image-2433\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/The-save-go-to-bulk-optimizer-button-Source-Imagifys-WordPress-admin-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/The-save-go-to-bulk-optimizer-button-Source-Imagifys-WordPress-admin--300x149.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/The-save-go-to-bulk-optimizer-button-Source-Imagifys-WordPress-admin--768x380.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">The save &amp; go to bulk optimizer button &#8211; Source: Imagify\u2019s WordPress admin<br><\/figcaption><\/figure>\n\n\n\n<p>6. Click on the<strong> Imagify\u2019em all<\/strong> button. Avif images will now be created automatically and served to your visitors.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"289\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Bulk-compression-and-AVIF-conversion-Source-Imagify-.png\" alt=\"\" class=\"wp-image-2434\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Bulk-compression-and-AVIF-conversion-Source-Imagify-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Bulk-compression-and-AVIF-conversion-Source-Imagify--300x108.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Bulk-compression-and-AVIF-conversion-Source-Imagify--768x277.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Bulk compression and Avif conversion &#8211; Source: <a href=\"https:\/\/imagify.io\/features\/\">Imagify<\/a><br><\/figcaption><\/figure><\/div>\n\n\n<p>7. Head to the WordPress library to see how the compression and Avif conversion went.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"128\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Image-converted-to-AVIF-.png\" alt=\"\" class=\"wp-image-2435\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Image-converted-to-AVIF-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Image-converted-to-AVIF--300x48.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Image-converted-to-AVIF--768x123.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Image converted to Avif<br><\/figcaption><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\">Key Performance Improvements with Imagify<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Imagify converted the PNG image to Avif in one click.<\/li>\n\n\n\n<li>The image file size went from 1.26 MB to 425.20 KB, making the image lighter by 80%.<\/li>\n\n\n\n<li><a href=\"https:\/\/imagify.io\/blog\/image-compression\/\">Image compression<\/a> has been applied, but the quality remains untouched: the compression level used is the \u201cSmart compression\u201d option, which offers the best compression balance between quality and performance.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"789\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/AVIF-conversion-and-image-compression-Source-Imagify-.png\" alt=\"AVIF conversion and image compression - Source: Imagify\n\" class=\"wp-image-2436\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/AVIF-conversion-and-image-compression-Source-Imagify-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/AVIF-conversion-and-image-compression-Source-Imagify--300x296.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/AVIF-conversion-and-image-compression-Source-Imagify--768x757.png 768w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/AVIF-conversion-and-image-compression-Source-Imagify--64x64.png 64w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Avif conversion and image compression &#8211; Source: Imagify<br><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Addressing the Serve image in the Next-gen Formats Warning on PageSpeed Insights with Imagify<\/h3>\n\n\n\n<p>Imagify is the easiest way to convert images to Avif and Web formats on your WordPress website and fix the \u201cServe image in the next-gen formats\u201d warning on PageSpeed Insights.&nbsp;<\/p>\n\n\n\n<p><strong>The PageSpeed Insights Audit Before Imagify:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"436\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/The-Serve-image-in-the-next-gen-formats-warning-Source-PageSpeed-Insights-1.png\" alt=\"The \u201cServe image in the next-gen formats\u201d warning - Source: PageSpeed Insights\n\" class=\"wp-image-2437\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/The-Serve-image-in-the-next-gen-formats-warning-Source-PageSpeed-Insights-1.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/The-Serve-image-in-the-next-gen-formats-warning-Source-PageSpeed-Insights-1-300x164.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/The-Serve-image-in-the-next-gen-formats-warning-Source-PageSpeed-Insights-1-768x419.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">The \u201cServe image in the next-gen formats\u201d warning &#8211; Source: <a href=\"https:\/\/pagespeed.web.dev\/analysis\/https-wordpress-fridayfactory-dev-index-php-52\/5eo263ga2s?hl=en&amp;form_factor=mobile\">PageSpeed Insights<\/a><br><\/figcaption><\/figure>\n\n\n\n<p><strong>The PageSpeed Insights Audit With Imagify:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"223\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/The-Serve-image-in-the-next-gen-formats-is-now-in-the-passed-audit-thanks-to-Imagify-Source-PageSpeed-Insights.png\" alt=\"The \u201cServe image in the next-gen formats\u201d is now in the passed audit thanks to Imagify - Source: PageSpeed Insights\n\" class=\"wp-image-2438\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/The-Serve-image-in-the-next-gen-formats-is-now-in-the-passed-audit-thanks-to-Imagify-Source-PageSpeed-Insights.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/The-Serve-image-in-the-next-gen-formats-is-now-in-the-passed-audit-thanks-to-Imagify-Source-PageSpeed-Insights-300x84.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/The-Serve-image-in-the-next-gen-formats-is-now-in-the-passed-audit-thanks-to-Imagify-Source-PageSpeed-Insights-768x214.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">The \u201cServe image in the next-gen formats\u201d is now in the passed audit thanks to Imagify &#8211; Source: <a href=\"https:\/\/pagespeed.web.dev\/analysis\/https-wordpress-fridayfactory-dev-index-php-52\/5eo263ga2s?hl=en&amp;form_factor=mobile\">PageSpeed Insights<\/a><br><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>\ud83d\udca1Hint: Imagify also allows you to <a href=\"https:\/\/imagify.io\/blog\/how-to-resize-compress-multiple-images-online\/\">resize, compress, and convert several images<\/a> to Avif at the same time thanks to its bulk feature.&nbsp;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Wrapping Up&nbsp;<\/h2>\n\n\n\n<p>With the Avif format, images can be up to 50% smaller than JPEGs while maintaining the same visual quality, leading to faster loading times and improved user experience. Converting images to Avif is a great initial step toward enhancing performance and image optimization. Of course, more can be done to further optimize your images, such as compression and resizing, especially if your website contains large images.&nbsp;<\/p>\n\n\n\n<p>Imagify is the easiest way to compress and convert your images to Avif. Focusing on simplicity and efficiency, Imagify ensures smaller file sizes while preserving image quality and faster website loading times. Start a free <a href=\"https:\/\/imagify.io\/optimizer\/#page\">trial<\/a> to see how your images can be converted to Avif and fully optimized with Imagify.&nbsp;<\/p>\n<a href=\"https:\/\/imagify.io\/optimizer\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter bottom-blog-post-cta\" src=\"https:\/\/imagify.io\/blog\/wp-content\/themes\/imagify\/assets\/img\/gwic-1.png\" alt=\"Imagify, decrease the size of your images, increase the speed of your website: try it for free\" width=\"690\" height=\"190\"><\/a>","protected":false},"excerpt":{"rendered":"<p>Are you in search of the best Avif WordPress plugin? Discover the 4 top Avif plugins to make your images as light as possible and boost your website performance.<\/p>\n","protected":false},"author":8,"featured_media":2444,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-2422","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugins"],"_links":{"self":[{"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/posts\/2422","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/comments?post=2422"}],"version-history":[{"count":8,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/posts\/2422\/revisions"}],"predecessor-version":[{"id":2449,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/posts\/2422\/revisions\/2449"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/media\/2444"}],"wp:attachment":[{"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/media?parent=2422"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/categories?post=2422"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/tags?post=2422"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}