Have you already tried AVIF -the latest powerful image format? In Imagify, we have begun to receive questions about why our plug -in does not support it (spoiler: has not yet ).
In this article, you will understand why AVIF can change the rules of image optimization, as well as what is its status compared to the most popular format (such as JPG and WebP). Of course, you will also learn more about Imagify support AVIF programs.
What is the AVIF image format?
AVIF is an image format based on the AV1 video codec -it uses AV1 to compress Heif (high -efficiency image file) file format. In simple English, this means that the image has been best compressed -they are lighter than ever before, while maintaining the same quality . Such a powerful compression is combined with other important functions, such as HDR (high dynamic range) support and 12 -bit color resolution.
There are more.
AVIF is an open source software, and it is a tax -free -s means that if you want to use it for any image compression items or business, you do not need to pay any fees.
AVIF was developed by many technology giants, such as Google, Amazon, Cisco, Netflix and so on. the reason is simple. These companies do not require too much bandwidth high -quality image format for development and communication -this is the way more and more people can spend on their equipment.
In view of its excellent performance, AVIF seems to be the most important perfect substitute for JPEG and WebP. Not long ago, there was only one problem: browser compatibility.
Which browser supports AVIF
For a long time, only a small part of the browser supports AVIF. In other words, most users will not be able to view any AVIF format photos. As of October 2021, the situation was different. Now, Firefox, Chrome and Opera both support AVIF. Overall, 67% of users can benefit from this format.
The global usage of avif -Source: Can I use it
This is why it is time to consider AVIF to optimize image performance.
Comparative performance: avif and webp (and other formats)
We mentioned how the AVIF format provides the best compression in the market and maintains high -quality images. Let’s run a image performance comparison, and see how the formats such as AVIF and JPEG and Webp are comparable.
We will use squoosh, a network application that can easily compare different formats.
Let’s start with one of the heaviest image formats to see how the performance of other formats. We chose a PNG image with a original size of 15.6 MB, and measured the difference between the original size and the converting into JPG format.
The conversion from PNG to JPG showed a decrease of 92%
. The image size is now 1.20 MB. Since JPG is not the lightest format in history, and we know this, we cannot expect more.
Compare png The performance of and jpg What about webp? We compared again. This time, PNG image was compressed 95%. The image size is now 704 KB. Considering the initial size (15.6 MB), this is a good result -and it is difficult to see any decline in image quality. After all, webp is an image format you should use on WordPress.
The performance of PNG and Webp
Then we compared again, and found that AVIF AVIF Format meets performance expectations. The image size was reduced by 98%. It has only 261 KB -it is still difficult to notice any difference in image quality.
Compare PNGThe performance of AVIF
This is a comparison review we have conducted. It shows how AVIF reduces the size of the image.
] Now you may want to know: Why does Imagify do not support AVIF? This takes us to the next section. Why does imagify do not support AVIF (currently) Jean-Baptiste Marchand-RVier, co-founder and CEO of WP Media, explained: \”AVIF is released as an experimental personality format Only a few browsers support it. More importantly, due to the coding time, AVIF encounters some problems. At first, the encoding of each image takes a few seconds, which is very slow. As a comparison, compressed images on imagify are usually usually compressed images. Usually, compressed images are usually compressed images usually It takes less than 100 milliseconds. Since then, we have done a lot of work in order to improve performance. \”
As you see in the screenshot below, the coding time is getting better and better:
Optimization-Source: web.dev
Jean-Baptiste continued: \”In addition to the improvement of the coding time, more browsers now support AVIF. This format is very interesting, this format is very interesting, this format is very interesting, it is very interesting, this format is very interesting, it is very interesting, this format is very interesting, it is very interesting, this format is very interesting, it is very interesting, this format is very interesting, it is very interesting, this format is very interesting, it is very interesting, this format is very interesting, it is very interesting, this format is very interesting, it is very interesting, this format is very interesting, it is very interesting, this format is very interesting, it is very interesting, this format is very interesting. There are two reasons: it supports the Alpha channel (transparency), so it can be used as an alternative to PNG. It supports animation to replace GIF.
This is why
Imagify will definitely support AVIF in the near future. \” He added: \”We may replace WebP with AVIF. Otherwise, it may be too complicated or confusing for our users.\” If you want to know what it means, there are some contexts here.
WebP was released in 2010 more than 10 years ago. Nevertheless, it is still incompletely compatible with the browser and operating system. The only partial compatibility requires two things. As a website owner, you still need to deal with two different formats: one is \”classic\” format, such as JPG or PNG, and the otherSpecies are a higher performance format, such as webp or AVIF. On the other hand, image optimization plug -in, such as Imagify, need to store two formats on its server.
\”From the perspective of user,\” Jean-Baptiste said, \”This means that new formats like AVIF will eventually cannot replace JPG or PNG-they will continue For AVIF, it will help improve image performance. This is why AVIF will replace WebP at some point.
Users do not need these two formats.
We want to make the plug -in as simple as possible \”\”.
Webp is still a good way to optimize images
Therefore Can’t use
imagified
to convert the image to AVIF, but you can always convert the image to webp and improve the image performance.
More than 90% of users worldwide will be able to see images converted into a webp format, so it is still a great choice to make your photos lighter and optimize the performance of the website.
When running the PageSpeed \u200b\u200bInsights review, you may encounter performance suggestions for providing images about the following format. Well, webp is the next generation format recommended by Google and AVIF. This is everything to load the image faster.
PageSpeed \u200b\u200bInsights Recommended -the following format provides images We tested it and we tested it and we tested it. Created three pages. Each page only contains specific format images: PNG, JPG or Webp.
When running PageSpeed \u200b\u200bInsights with pages containing PNG images, we received the relevant next -generation format. Dangerous signal for suggestions. You can see how huge the estimated savings are:
1,076.7 kb
.
PSI review
is the same when using the JPG image test page. The performance is slightly goodAt one point, we got an orange logo. Nevertheless, there is still room for improvement -it may save
16.8 kb
.
PSI review of jpg images
When we use Imagify to use imagify to use imagify to use imagify to use imagify to use imagify to use image to image images When converting to webp and creating a dedicated page, it is not surprising that it is recommended to pass the review:
PSI audit of the webp image [ 123]
When using the AVIF image test page, we got the same result:
The PSI review of AVIF image Therefore, Webp and AVIF provides the same excellent results . More importantly, PageSpeed \u200b\u200bInsights scores almost the same:
Performance score-webp page
Performance score-avif page
123]
We also tested the differences between the image size and byte number between the webp and the AVIF pages. We did not notice the huge difference:
As you can see,
webp and avif and avif It is very similar to providing excellent image performance.
On the one hand, AVIF provides better optimization. However, unless your website has tens of thousands of pictures, your performance will be very good when using WebP -this is still the most common next generation format.
More importantly, with the help of Imagify, the image is converted to a webp format easier and faster than ever before, thanks to the new and faster compression, so that you can immediately convert the image. This is what you should do:
Free imagination
Turn to settings \u0026 gt; optimize \u0026 gt; webp format and select two boxes:
3. Convert your image (and use batch optimization):
123]
.It is so simple -but effective!
You can choose the plan that suits you best.
You can optimize 20 MB of images per month, or you can choose between the growth plan (500 MB, $ 4.99 per month) and unlimited plan (unlimited image, $ 9.99 per month).No matter what plan you choose:
You can install Imagify on an unlimited number of websites.
Start using Imagify to optimize your image and tell us how your performance is improved in the comments.
The global usage of avif -Source: Can I use it
He added: \”We may replace WebP with AVIF. Otherwise, it may be too complicated or confusing for our users.\”
PSI review
Therefore,
123]
