Interested in converting your image to webp on WordPress? Greating a hello to Imagify, this is our free plug -in, which can optimize your image and convert it to WebP.
In our guide, we explained how to provide high -quality images without reducing the speed of the website. If there are hundreds of PNG or JPG pictures on your website, Imagify will optimize them and automatically convert them to webp.
It sounds hopeful? Let’s study this modern webp format to see how it affects performance by narrowing the size of the image file by 35%!
What is a webp format?
Webp is an image format that provides image compression by reducing the size of the file but not affecting the quality. Webp is developed by Google and is a modern image file format containing non -destructive and damaging compression. Compared with JPEG and PNG images, the format can reduce the size of the image file by as much as 35%and maintain high quality. The beauty of the two, right?
The visitors want quality and fast websites. This is why some new formats have appeared in recent years, and these new formats have taken into account the quality of the minimum document at the same time. \”WebP\” is undoubtedly the most striking update in the past 10 years.
In the following example -provided by Google Webp website -we compare two images with the same quality. One is JPEG and the other is webp. We noticed three things:
The image quality in JPEG or Webp remains unchanged
JPEG file size is 43.84 kb.
The webp file is 29.61 kb, which is much lighter than the JPEG format.
Webp format can help you achieve the following balance :
High -quality images and low file size
. Why should the image be converted to webp
The main advantage of the webp format is to create smaller image files while maintaining the same image quality.
Therefore, image compression will cause your website to accelerate.
You may not realize this, but the picture occupies so much on your server so much space. It will not only consume the storage space crazy, but also slow down the website speed and let your visitors run away.
JPEG, PNG, and GIF can easily convert to webp formats:
Effect
PNG: Recommended format of simple graphics, icons and logos
GIF:
All animated images used in the punctuation [123 ] Google conducted a webp compression study to understand the comparison with JPEG and PNG formats in terms of file size. The result is very interesting:
Webp image is 25%smaller than PNG images.
Webp image is 25-35%smaller than JPEG images.
These results show that webp can provide significant compression improvements compared to JPEG and PNG. In the figure below, we see that webp images always need to be less pixels than JPEG:
]
In addition, Google PageSpeed \u200b\u200bInsights recommends that you use Next Format (webpP ) Provide images , which means faster and less data consumption. Web performance tool also recommends using WordPress plug -in to compress the image and convert it to the best format.
Guess who is on the list? Let’s imagine!
How to convert the image to a webp
imagified is the best WordPress plug -in First, you can convert your imageOptimize it for webp.
We all know that we can convert multiple formats (eg, from JPG to PDF) online tools. These tools are not friendly to users, and most of them are not allowed to make batch conversion for free.
Plug -in may be easier to convert your file to webp. Let’s see why. When it comes to WordPress, things become a bit complicated.
WordPress 5.8 allows you to upload WebP images, but it does not convert the original format to webp
.
This is why we suggest that you upload PNG and JPEG images and let Imagify do the work.
Imagify plug -in can automatically convert your image into a webp format in your WordPress dashboard
. It will optimize them by narrowing any JPG, GIF or PNG files on the website, so as to get a faster browsing experience without sacrificing quality. If you have added the image to the published page, please don’t worry, Imagify will also change them. IMAGIFY automatic optimization WordPress image and convert it to webp:
When uploading a new picture
On your exist You save some precious time)
More importantly, Imagify can help you load photos faster on WordPress. The plug -in compressing multiple images in the original format and adjusting the image size into a set of maximum size will not reduce the quality. It is not just a converter tool. It is also a plug -in, which can help your WordPress website run faster!
According to our step -by -step guide to understand how to use Imagify to convert images to webp: [ 123]
Step 1 -Free Imagify
Activated plug -in and create a free API Key. (transfer to your email box to get your API key and paste it into the box below).
Step 2 -Set the webp conversion option
Add Imagify API key, turn to Settings → Imagify and roll to the \”Optimized WebP Format\” section. Make sure that both boxes are selected, as shown below:
The first box tells Imagify will tell you that you will The image is converted to webp; the second indicates that these webp images are provided to the supported browser plug -in. Step 3 -Time to Convert Images
Turn to
Media -\u0026 GT; Bulk Optimization
and press the blue Imagify \u0026 #39; em all button:
[[ 123] , of which! With Imagify, you can get faster websites in only three steps.
The pricing of imagify (yes, provides free plans!) Equity: Imagify allows you Images (about 200 images).
Growth plan:
If you need more, you can upgrade to the payment plan, 500 MB (about 5,000 images) charges $ 4.99 a month.
Unlimited Plan:
Unlimited data $ 9.99 per month. If you have a website containing thousands of pictures that need to be optimized, it is great.
The impact of webp on imagify performance
Let us see how to use Imagify to use Imagify now Let’s reduce the size of the media files.
In order to analyze, we will use our WordPress instrument board to run two scenes:
[ 123]
I will upload GIF, PNG, JPG and check the size of each file.
I will activate imagify, convert the above 3 files
to webp
and verify the size of the new file.
Let’s run an analysis. IMAGIFY’s impact on my GIF file size:
gif File size-No imagination
Webp format- Use imagify
816 kb
512 kb
The influence of the file size:
png file size-no imagination
Webp format – Use imagify
67 kb
28 kb
]
IMAGIFY’s impact on my JPG file size:
jpg file size-No imagination
Webp format- Use Imagify
755 kb 525 kb
123]
When converting them to webp, does imageFy reduce my file size?
Intersection As you can see, after using imagify and webp formats, all files are significantly reduced. This is a review:
gif → webp : The size changes from 816 kb to 512 kb
png → webp
: The size is from the size from the sizes 67 KB becomes 28 kb
jpeg → webp : The size changes from 755 kb to 525 kb.
Use Imagify to improve my performance level on Google PageSpeed \u200b\u200bInsights For this performance review, I built a page to display some media: a JPG photo, a PNG element And a gif. We will use Google PageSpeed \u200b\u200bInsights and run the following two scenarios:
Scenario#1 – Performance audit of my page (PNG and JPG formats+ gif) Imagify -No webp
Scenario#2 -Use Imagify to convert all media to the performance level of the page after webp
In the opportunity part, we can see several problems related to my image format, such as \”use the video format for animation content\” or \”the following format provides images\”.
If I have 50 pages of 200 products, I will be very worried Fortunately, imagified can do this for me!
Scenario #2: Use imagify’s webp format
Now let’s take a look at the results of using Imagify to convert all media to webp.
I have improved my performance : I am on the Glory 99/100!
In the opportunity part,
All I have related issues disappeared: [123 ]
Packing up
Webp is undoubted The WordPress website loads faster effective ways. This modern format saves about 25% of storage space than JPEG or PNG files. Another good news is that the user experience will not be affected, because the quality of the image remains unchanged.
In addition, if you have at least 200 different sizes of image files (PNG or or .jpg), please don’t worry, because our powerful Imagify plug -in will replace them in the optimized webp format without sacrificing quality.
WordPress 5.8 will add support for webp images (but will not convert them from the original format to webp).
This is why we still suggest that you use plug -ins to convert your file. The reasons are as follows:
The function of uploading WebP images directly to the media library cannot solve about 5% of the browser do not support WebP visitors. Pictures and pictures are usually JPG or PNG formats, so it is necessary to upload and change batch conversion. Plugles like Imagify can save you hundreds of hours.
How about taking imagify to test drive? About 200 pictures per month are free.
Remember, if you have any questions about using webp on the WordPress website, please ask us in the comments below!
Step 2 -Set the webp conversion option 
Step 3 -Time to Convert Images 
In addition, if you have at least 200 different sizes of image files (PNG or or .jpg), please don’t worry, because our powerful Imagify plug -in will replace them in the optimized webp format without sacrificing quality. 
: The size changes from 816 kb to 512 kb 