|How to Convert JPG or PNG Images to WebP in WordPress|
Are you worried about how to convert .jpg and .png images to .webp files using a simple website? No Cloud, no subscriptions, no premium or account fees. A very sleek and smart solution to reduce your image file size to increase your blog page speed without paying anything for this basic service. Now you can add WebP images on your WordPress website, no plugin needed. Just go to any online image converter website and choose your jpg, jpeg or png file. After that, click “Start Conversion”. See the instructions in the image below.
Before we review the tutorial steps, we need to get to know what Webp is. So, Webp or this is the latest digital image format developed by Google, it has a lower file size but with the same good quality.
Table Of Contents
How to Convert JPG or PNG Images to WebP in WordPress
The development of WebP itself has actually started since 2010, but because there are not many compatible software and devices, its popularity is still less than JPG, PNG or even GIF.
Created to optimize website loading speed, WebP is highly recommended for use by webmasters. Yes, because the previous one, the size is smaller but the quality doesn’t make your eyes sore.
Convert JPG or PNG Images to WebP Using Webp Express Plugin
For WordPress users, you can use the help of a plugin to convert JPG or PNG images to WebP. Well, this tutorial will show you how.
- Enter your dashboard, then hover over Plugins and click Add New.
- Then search in the search field using the webp express keyword. So, you get the exact same result. Install and activate the plugin.
- Once active, now open Settings – WebP Express.
- The settings are like this:
- select Operation mode: CDN friendly (1)
- Scope: Upload only (2)
- Destination folder: Mingled (3)
- Others leave as default.
- Switch to Conversion, the settings are like this:
- WebP encoding: Lossy (1)
- Quality for lossy: Fixed quality then change the number to 60 – the smaller it is the smaller the file size but the quality also decreases (2)
- WebP encoding: Lossless
- Quality for lossless: Apply preprocessing and change the number to 60
- Finally, check the After HTML option.
- Then click Save settings and force for new .htaccess rules.
Once these settings are saved, every time you upload a new image to an article or page, the plugin will convert that image to the WebP version. The image that appears is the converted version, while the original image will be stored in the directory.