A slow WordPress site can hurt both user experience and search visibility. One of the most common reasons is oversized image files that take too long to load, especially on mobile devices.
A simple fix is to use WebP images in WordPress. WebP is a modern image format that reduces file size while keeping good visual quality, which can help improve page speed and make your site feel faster for visitors.
In this guide, you’ll learn how to use WebP images in WordPress, including how to upload WebP files manually, how to convert existing images with a plugin, and how to check that WebP images are being served correctly.
Why Use WebP Images in WordPress?
If your WordPress site feels slow, large image files may be part of the problem. Traditional JPEG and PNG images often take longer to load than necessary. Using WebP images in WordPress can reduce image size and improve load times without a major drop in quality.
WebP is a modern image format supported by Google Search and by WordPress since version 5.8, as long as your hosting environment supports WebP. It is designed to reduce image file sizes while preserving quality, which can help improve page speed and overall site performance.
- Faster Websites: Smaller file sizes mean your pages load quicker.
- Better Page Experience: Faster-loading pages can support a better user experience and stronger performance signals.
- Improved User Experience: Visitors won’t bounce because of slow pages.
- Eco-Friendly: Smaller files use less energy to transfer.
For example, if your site includes lots of high-resolution photos, such as portfolio images, blog visuals, or product images, switching to WebP can reduce page weight and help pages load faster.
Most modern browsers support WebP. If you use a plugin or a <picture> implementation, you can still serve fallback formats like JPEG or PNG to older browsers when needed.
If you want a faster WordPress site with more efficient image delivery, adding WebP images is a practical next step. Let’s look at the two easiest ways to do it.
How to Use WebP Images in WordPress
There are two common ways to use WebP images in WordPress: upload WebP files manually, or use an image optimization plugin to convert and serve them automatically. The best option depends on how many images your site has and how much manual work you want to do.
Method 1: Convert and Upload WebP Images to WordPress Manually
Step 1: Convert your images to WebP format
Before uploading, convert your JPG or PNG files to WebP. Some image editors already support WebP export, and online compression tools can also do this quickly. This method works well if you only need to optimize a small number of images. One easy option is TinyPNG, which supports WebP conversion and compression. Upload your existing image files, convert them, and download the optimized versions before adding them to WordPress.
Step 2: Upload WebP Images to WordPress
WordPress supports WebP uploads from version 5.8 onward. In most cases, you can upload a WebP file to the Media Library just like a JPEG or PNG image. If upload support doesn’t work on your site, your hosting environment may need WebP support enabled on the server.
Method 2: Use an Image Optimization Plugin ( ShortPixel Example )
If you want to convert existing images automatically, an image optimization plugin can save time. In this example, ShortPixel can create WebP versions of your images and help serve them to supported browsers without needing to convert files one by one.
Here’s how to get started with ShortPixel:
Step 1: Install and Activate the Plugin
1. Log in to your WordPress dashboard. Navigate to Plugins > Add New.
2. In the search bar, type ShortPixel. Once you see the plugin, click the Install Now button.
3. After installation, click Activate to enable the plugin.
4. You’ll be prompted to create a free account to get an API key. Follow the instructions, and copy the key into the plugin settings.
Step 2: Configure WebP Settings
After activating the plugin, open the ShortPixel settings and enable WebP generation. Then choose how WebP images should be delivered on your site. A <picture> approach is usually the safest option because it can serve fallback image formats to browsers that do not support WebP.
Head to your WordPress dashboard and navigate to Settings > ShortPixel. In the settings panel, look for the option labeled “WebP/AVIF & CDN” and click it. Enable “Create WebP Images” and “Serve WebP/AVIF images from locally hosted files (without using a CDN)” . This ensures that visitors with browsers supporting WebP will see those optimized images.
ShortPixel offers two ways to serve WebP images:
- Using
<picture>tags: A flexible option that can serve WebP to supported browsers and fall back to JPEG or PNG where needed. - Using server rules such as
.htaccess: Can be efficient, but depends on your hosting setup and server configuration.
Pick the one that works best for your setup. If you’re unsure, start with <picture> tags – it’s reliable and easy.
Step 3: Bulk Optimize Your Existing Images
If your Media Library already contains many JPG or PNG files, bulk optimization is the fastest way to generate WebP versions at scale.
- Go to your WordPress dashboard and navigate to Media > Bulk ShortPixel.
- You’ll see a list of all the images in your Media Library that haven’t been optimized yet.
- Click the “Start Bulk Optimization” button.
- The only downside is that the free version of ShortPixel allows you to convert 100 images / month. For smaller sites with fewer images, it should be fine.
Once the process starts, ShortPixel will compress your images and generate WebP versions automatically.
Step 4: Test that WebP images are being served
Open a page on your site that contains images, then inspect the image URL or use your browser’s developer tools to confirm that a .webp file is being loaded. This helps verify that your setup is working as expected.
Final Thoughts on Using WebP Images in WordPress
Using WebP images in WordPress is one of the simplest ways to reduce image file sizes and improve load times. Smaller images can help pages feel faster, especially on mobile, while still preserving good visual quality.
Whether you convert images manually or use a plugin like ShortPixel, the goal is the same: faster image delivery and a more efficient WordPress site. Start with the method that fits your workflow, then test your pages to confirm that WebP images are being served correctly.
To get the best results, combine WebP images with other performance improvements such as caching, image compression, lazy loading, and a lightweight theme. Together, these changes can improve page speed and create a better experience for visitors.
