5 Best Ways to Convert JPG to AVIF Images to Save 50% Storage
The AVIF image formation solves a vital modern-day problem of maintaining satisfactory storage distribution.
Comparing JPG formats, AVIF saves 50% or more storage.
But it creates another one!
Converting all your existing images to AVIF can be another problem you need help with.
But we can help you convert JPG to AVIF images using our expertise in pioneering AVIF image creation.
In this article, we’ll show you how to convert JPG to AVIF images to save 50% storage.
What Is an AVIF Image File?
Alliance for Open Media created AVIF image files in search of a higher-quality image format with a 50% smaller file size than JPG.
It supports 8, 10, and 12-bit color depths, film grain preservation, transparency like PNG images, and GIF–style animations.
An AVIF file (AV1 Image File) is a modern image file based on the AV1 HEIF image compression. It takes significantly less space when supporting HDR and animated images.
Only 1% of websites use AVIF images, but that number is growing as major browsers such as Chrome, Mozilla, and Safari add support for this image format.
If you want an all-in-one image format that is as flexible as JPG, as transparent as PNG, and supports animation-like GIF formats, AVIF is the way to go.
Why Would You Convert JPG to AVIF Images?
AVIF is the modern all-in-one image format. It offers more benefits than older image formats such as JPG and PNG.
AVIF supports both lossy and lossless compression. It achieves an impressive 50% smaller file size compared to JPG. It improves the Largest Contentful Paint (LCP) performance, a crucial element of Core Web Vitals.
LCP contributes to 42% of Core Web Vitals. Thus, AVIF can directly impact website loading speed and user experience.
At the same compression rate, AVIF delivers better image quality than JPG. It also boasts HDR support.
Also, AVIF supports a wide color gamut. It enables accurate and vibrant color reproduction. It helps applications that require high-quality visuals.
Likewise, AVIF supports different resolutions and quality levels. It enhances adaptability to diverse networks and responsiveness to various displays.
JPG vs. AVIF
Despite becoming the most versatile image format, JPG remains the weakest. When you compress or edit it, the quality suffers significantly. However, due to its smaller size and flexibility, it is widely used and appreciated.
AVIF is the superior replacement for JPG, which we have all been looking for our entire lives. It’s significantly smaller in size, extremely flexible, and supports transparency and animated colors like GIF images.
Test
We converted a 150×150 WordPress thumbnail to AVIF and WebP using ShortPixel’s API and Glossy optimization.
- Original JPG: 5.3 KB
- WebP: 2.6 KB (51% smaller)
- AVIF: 2.2 KB (58% smaller)
5 Best Ways to Convert JPG to AVIF Images to Save 50% Storage
You can convert JPG to AVIF images without losing quality, whether using a Windows or Mac device or browsing the web.
Here are some of the best ways to use these technologies to convert JPG to AVIF images:
Convert JPG to AVIF Online Using Shortpixel Image Optimizer
Shortpixel is one of the first tools for creating and converting AVIF images. It was the only WordPress plugin that could generate AVIF images for a long time.
Thus, the pioneer in the AVIF image scene is one of the most trusted names for producing high-quality AVIF images. It also provides free access to its online AVIF image converter tool.
You can easily convert JPG to AVIF images while compressing the JPG image using the ShortPixel AVIF Converter tool.
Here’s how:
Step 1: Open the ShortPixel Image Optimizer in your browser.
Step 2: Choose your preferred compression method: lossy, lossless, or glossy.
Choose Lossy for maximum compression, Glossy for balanced compression, and Lossless for the highest quality compression.
Then, navigate to Settings and enable Generate AVIF.
Step 3: Upload the JPG image that you want to convert. After converting the image in seconds, the AVIF file download option will appear.
Click on the download button to get your converted image.
ShortPixel online image optimizer allows you to convert up to 50 JPG images to AVIF simultaneously, with a maximum file size limit of 10 MB.
Convert JPG to AVIF Images Using Adobe Photoshop
Adobe Photoshop still doesn’t support AVIF natively. However, you can still convert your JPG images to AVIF using Photoshop.
You’ll need to install an AVIF-supporting plugin in Photoshop to convert JPG to AVIF. Here’s how to do that:
Step 1: Install the Plugin
Visit the plugin’s GitHub page to download the latest stable version.
Once the download is complete, unzip the package and copy the .8bi file.
Locate your Adobe Photoshop plugins folder and paste the .8bi there. You can find it at:
C: Drive > Program Files > Adobe > Adobe Photoshop 2023 > Plug-ins
If asked, press the Continue button to confirm installing the plugin.
Step 2: Start Converting JPG to AVIF Images in Photoshop
Open the JPG image you want to convert to AVIF.
Navigate to File > Save As
Choose “AV1 Image(*.AVIF) ” as the format from the dropdown menu and click Save.
Step 3: Customize the AVIF Images Using AVIF Options
You will get multiple AVIF image setting here, mostly about quality.
Choose Compression Quality from a scale of 0-100 and Compression Speed from 3 options.
Select Chroma Subsampling rates for the Best Quality or Best Compression.
Moreover, select the Image Depth option from the custom menu and other necessary settings such as Alpha Options and Metadata.
Convert JPG to AVIF Images on Linux
Converseen is one of the best and simplest Linux apps for converting JPG to AVIF. It allows you to convert your images with a few simple steps:
Step 1: First, download the Converseen app from here and install it on your PC.
Step 2: Now, open the Converseen app. Then, add JPG images that you want to convert to AVIF.
You can add images by clicking Add Images in the top-left corner after clicking Open Images.
Step 3: Now, choose AVIF from the Conversion Formats.
Also, you can set the compression level. After that, click on Convert to initiate the JPG to AVIF conversion.
Wait until Converseen completes the tasks.
Convert JPG to AVIF Using WordPress Plugins
No worries if you have a WordPress website and want to convert all JPG to AVIF images. You can easily accomplish this using some cool WordPress AVIF image converter plugins.
Lets look at some of the best WordPress AVIF image converter plugins,
ShortPixel
ShortPixel is the first WordPress plugin to create AVIF images. It’s the pioneer tool in creating and compressing AVIF images.
It includes the most experienced technology and data analytics for creating AVIF images. It also serves AVIF images on the front-end pages.
ShortPixel optimizes images automatically; you only need to set the settings once.
Navigate to Dashboard > ShortPixel > Advanced.
Look for the “Next Generation Images” section and activate the option “Also create AVIF versions of the images.”
Convert for Media
Convert for Media is a top WordPress media conversion plugin. It converts all website images to AVIF and Web automatically.
Convert for Media takes site privacy seriously. That’s why it avoids modifying your original images, ensuring security for you and your files.
When the browser loads an image, it checks if it supports the WebP format. If the browser supports it, it loads the image in AVIF format.
WebP + AVIF Converter
WebP + AVIF Converter is a dedicated AVIF and WebP conversion plugin. It automatically converts and serves WebP and AVIF images, reducing image file size by over 50%.
The WebP + AVIF Converter doesn’t convert the entire media library. Instead, it converts images in use in different posts and pages.
It also allows you to adjust AVIF and WebP quality. If the browser doesn’t support AVIF/WebP, it serves the original JPG format.
AVIF Express
AVIF Express is another dedicated WordPress AVIF converter plugin. When uploading, it automatically converts JPG, PNG, and WebP images to AVIF.
Besides, it serves converted AVIF images on web pages. It also allows bulk conversion of uploaded images.
If a browser doesn’t support AVIF images, it will automatically serve WebP images. AVIF Express is also fully compatible with CDNs.
Convert JPG to AVIF Images in Bulk
Converting a few JPGs to AVIF is easy — you can do it with image editing tools. However, when you need to convert JPGs to AVIF in bulk, it can take a lot of time!
Any WordPress plugin can batch convert JPG to AVIF images for WordPress websites. But what’s the solution for other websites?
Use the Xnconvert Bulk Image Converter Tool.
You can use an image-converting tool like Xnconvert. It smoothly and efficiently converts JPG to AVIF images, and it’s free!
Here’s how to convert JPGs to AVIF in bulk using Xnconvert:
Step 1: Download and Install Xnconvert.
First and foremost, download and install Xnconvert on your computer.
Once the installation is complete, open Xnconvert.
Step 2: Add Bulk JPG Files for Converting to AVIF
Xnconvert allows you to add files one by one or the folder containing the JPG files. To add files or a folder, go to the left corner of Xnconvert and select the image files.
Step 3: Convert JPG to AVIF
Go to the Output tab and set AVIF as the output format.
You can also configure the output image quality from the settings. After selecting the output format, click “Convert.”
How to Use AVIF Images in WordPress?
AVIF images are great for boosting website performance. However, WordPress doesn’t natively support the AVIF image format.
So, you can’t upload AVIF images using the WordPress media uploader. Here, FTP comes to the rescue. It allows you to upload anything to your WordPress website, including AVIF images.
Here is how to do that:
Step 1: Connect to Your WordPress Site via FTP
- Download and install an FTP client like FileZilla.
- Obtain your FTP credentials (hostname, username, password, and port) from your hosting provider.
- Open FileZilla, enter your FTP credentials, and click “Quickconnect” to establish a connection.
Step 2: Upload Files to wp-content/uploads Folder
- In the FTP client, navigate to public_html → wp-content → uploads.
- Drag and drop your AVIF files from the Local site to the Remote site tab. You can create a new folder or use the dates folder created by WordPress.
Step 3: Register uploaded AVIF files to the WordPress media library
- Install and activate the “Add From Server” plugin.
- Navigate to Media → Add From Server.
- Go to the uploads folder and locate the Folder where you uploaded your files.
- Select the AVIF files you want to register and click the “Import” button.
- Now, you can access the uploaded files in the media library.
Step 4: Serve AVIF files on front-end web pages
Install and activate the Shortpixel plugin.
Go to the WordPress dashboard, then navigate to,
Settings > Shortpixel > Advanced Next Generation Images.
Enable Deliver the next generation versions of the images in the front-end.
Summary
Small AVIF images result in the fastest website loading speed. You also save storage and speed up your page loading time by double.
Some users may continue to use older browsers that don’t support AVIF images. But adaptation for modern image formats is increasing over time.
To balance converting JPG to AVIF images and maintaining the quality, you must pick a system that keeps both in your favor.
How do you like these JPG to AVIF image conversion methods and tools? Is there anything else we missed?
Leave comments on your best JPG to AVIF image conversion methods and thoughts.
