{"id":896,"date":"2024-03-07T07:34:06","date_gmt":"2024-03-07T07:34:06","guid":{"rendered":"https:\/\/imagify.io\/blog\/?p=896"},"modified":"2024-03-28T11:49:10","modified_gmt":"2024-03-28T11:49:10","slug":"convert-images-to-avif-performance","status":"publish","type":"post","link":"https:\/\/imagify.io\/blog\/convert-images-to-avif-performance\/","title":{"rendered":"Imagify 2.2: Introducing Avif Support"},"content":{"rendered":"\n<p>Are you ready to discover the next major Imagify version? We&#8217;re excited to announce that we&#8217;re finally releasing Imagify 2.2, which answers the long-awaited demand for Avif support to make your images lighter than ever and turbocharge your WordPress website speed.<\/p>\n\n\n\n<p>At Imagify, we are committed to enhancing your website performance in the easiest way, and the Avif introduction is no exception.&nbsp;<\/p>\n\n\n\n<p>Read the article or watch the video and find out what Imagify 2.2 entails. <\/p>\n\n\n\n<figure class=\"wp-block-embed\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Imagify 2.2 is Here!\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/5-PBZJS449g?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>If you\u2019re new to next-gen formats, including Avif, we\u2019ve got you covered! Keep reading and get the answers to your questions on what Avif is and why it plays a key role in image optimization.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What\u2019s the Avif Image Format?<\/h2>\n\n\n\n<p><a href=\"https:\/\/aomediacodec.github.io\/av1-avif\/\">Avif<\/a> is a next-gen image format based on the AV1 video codec \u2014 it compresses images with AV1 in the HEIF (High-Efficiency Image File) file format. In plain English, it means that images get compressed at their best \u2014 they\u2019re lighter than ever in size while keeping the same quality. Such a powerful compression goes along with other important features such as HDR (High Dynamic Range) support and 12-bit color resolution.&nbsp;<\/p>\n\n\n\n<p>And there\u2019s more.<br><br>Avif is open-source software, and it\u2019s royalty-free \u2014 it means that if you want to use it for any image compression project or business, you don\u2019t have to pay anything.<\/p>\n\n\n\n<p>Avif has been developed by many tech giants such as Google, Amazon, Cisco, Netflix, and <a href=\"https:\/\/aomedia.org\/about\/\">many more<\/a>. The reason is simple. These companies are extremely interested in developing and spreading a high-quality image format that doesn\u2019t need too much bandwidth \u2014 it\u2019s how more and more people can consume content on their devices.<\/p>\n\n\n\n<p>Given its outstanding performance, Avif seems to be the perfect replacement for the heaviest formats, such as JPEG and PNG. Until a few years ago, there was only one issue: browser compatibility.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Which Browsers Support Avif<\/h3>\n\n\n\n<p>For a long time, only a small portion of browsers supported Avif. In other words, most users would not be able to view any photos in the Avif format. As of January 2024, things are different. Now, Avif is supported by Chrome, Safari, Firefox, and Opera. Overall, almost 89%<a href=\"https:\/\/caniuse.com\/avif\"> of users<\/a> worldwide can benefit from this format.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"592\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/caniuse-1024x592.png\" alt=\"\" class=\"wp-image-2363\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/caniuse-1024x592.png 1024w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/caniuse-300x173.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/caniuse-768x444.png 768w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/caniuse.png 1093w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Global usage of Avif \u2013 Source: <a href=\"https:\/\/caniuse.com\/?search=avif\">Can I use<\/a><\/figcaption><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\">Converting Images to Avif with Imagify 2.2<\/h2>\n\n\n\n<p>Imagify 2.2 introduces Avif support to allow you to convert your images to this next-gen format easily. At the same time, the plugin continues to support the WebP option.<\/p>\n\n\n\n<p>Given the Avif introduction, there will be some changes to the way you can optimize images with our plugin.<\/p>\n\n\n\n<p>For starters, Imagify will now convert images to WebP by default. As soon as you install the plugin, Imagify will automatically create a WebP version. For this reason, you will no longer find the option to convert images to WebP.<\/p>\n\n\n\n<p>From now on, you\u2019ll only have the option to convert images to Avif, as you can see in the screenshot below. This is also the way you can double-check if your images have been converted to Avif:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"353\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/avif-imagify-2-2-1-1024x353.png\" alt=\"Create Avif version of images option \u2013 Optimization tab\" class=\"wp-image-2412\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/avif-imagify-2-2-1-1024x353.png 1024w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/avif-imagify-2-2-1-300x103.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/avif-imagify-2-2-1-768x265.png 768w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/avif-imagify-2-2-1.png 1260w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Create Avif version of images option &#8211; Optimization tab<br><\/figcaption><\/figure><\/div>\n\n\n<p>If you decide to disable the Avif option, a WebP version will be automatically created and served.<\/p>\n\n\n\n<p>This is important to keep in mind. Here\u2019s why: if Imagify had generated a WebP image before enabling the Avif option, the plugin would use a WebP fallback image in case your website images are displayed on a browser version that does not support Avif yet. This is how we can offer you an easy and worry-free experience while making your images lighter!<\/p>\n\n\n\n<p>The other change coming with Imagify 2.2 involves the button text to optimize images, which will now mention Next-Gen formats instead of WebP. That\u2019s because whether you decide to convert your images to Avif or keep the WebP version, you\u2019ll <a href=\"https:\/\/imagify.io\/blog\/serve-next-gen-formats-wordpress\/\">serve images in a next-gen format<\/a>, as also recommended by Google to speed up your website.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"619\" height=\"97\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Generate-Missing-Next-Gen-Images-Versions-option.png\" alt=\"\" class=\"wp-image-2365\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Generate-Missing-Next-Gen-Images-Versions-option.png 619w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Generate-Missing-Next-Gen-Images-Versions-option-300x47.png 300w\" sizes=\"auto, (max-width: 619px) 100vw, 619px\" \/><figcaption class=\"wp-element-caption\">Generate Missing Next-Gen Images Versions option<br><\/figcaption><\/figure><\/div>\n\n\n<p>You\u2019ll find a similar text if you want to delete both WebP and Avif versions, no matter what you enabled in the Optimization tab previously.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"291\" height=\"654\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Delete-Next-Gen-images-option.png\" alt=\"\" class=\"wp-image-2366\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Delete-Next-Gen-images-option.png 291w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2024\/03\/Delete-Next-Gen-images-option-133x300.png 133w\" sizes=\"auto, (max-width: 291px) 100vw, 291px\" \/><figcaption class=\"wp-element-caption\">Delete Next-Gen images option<br><\/figcaption><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\">Wrapping up<\/h2>\n\n\n\n<p>Imagify stands out as the easiest image optimizer for enhancing your website&#8217;s speed. In addition to features like Smart Compression and Async Bulk Optimization, now the plugin allows you to convert your images to Avif alongside WebP, which will be the fallback option if the plugin has previously generated a WebP version.<\/p>\n\n\n\n<p>Imagify is developed by the same people as WP Rocket \u2013 you can bet we know what it takes to get a blazing-fast site.<\/p>\n\n\n\n<p>Experience the easiness of making your photos lighter with Imagify and <a href=\"https:\/\/imagify.io\/pricing\/\">start converting them to Avif for free<\/a>!<\/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>Ready to discover the next major Imagify version? We&#8217;re excited to announce that we&#8217;re finally releasing Imagify 2.2, which now supports Avif.<\/p>\n","protected":false},"author":2,"featured_media":2367,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-896","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-image-optimization"],"_links":{"self":[{"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/posts\/896","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/comments?post=896"}],"version-history":[{"count":33,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/posts\/896\/revisions"}],"predecessor-version":[{"id":2774,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/posts\/896\/revisions\/2774"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/media\/2367"}],"wp:attachment":[{"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/media?parent=896"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/categories?post=896"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/tags?post=896"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}