Post by farjanapakhi on Feb 19, 2024 3:02:49 GMT -5
How to use Converter for Media Next, we will explain how to convert images to WebP using "Converter for Media". How to use Converter for Media How to add new images and convert them to WebP How to convert uploaded images to WebP How to add new images and convert them to WebP If you want to add a new image, simply upload it to your media library as usual . Click Add New Let's take a look at the image you uploaded. ``Converter for Media'' displays information such as ``optimized file size'' and ``number of files converted to WebP'' on the image details screen. Image size after converting to WebP with Converter for Media memo If you check immediately, the information after WebP conversion may not be displayed. If this happens, try accessing the same image again by reloading the screen or clicking Media > Library in the WordPress main navigation. Note that 3 WebP images are generated for each image. This is the original specification of WordPress , and is a mechanism that automatically generates three types: large size, medium size, and thumbnail.
Purpose Images generated by WordPress Images generated by list of phone numbers example.jpg example.jpg.webp medium size example-300×200.jpg example-300×200.jpg.webp thumbnail example-150×150.jpg example-150×150.jpg.webp How to convert uploaded images For images that were uploaded before activating Converter for Media, simply click Start Bulk Optimization at the bottom of the General Settings tab . Click Start batch optimization When you click it, you will see a message like the one below. Example of display when image optimization is successful Go to "Media > Library" in the WordPress main navigation and check if the uploaded image is set to WebP. Check if it is set to WebP How to check if images are converted to WebP on the actual page If you just want to check whether an image has been converted to WebP, you can find it by selecting the image from the WordPress media library as mentioned above. However, in order to check whether the image has been converted to WebP on the actual page, you must check it from the browser. Therefore, here we will use Chrome's developer tools as an example to explain how to check whether images on the actual page have been converted to WebP.
STEP 1 View actual page First, display the actual page. View actual page STEP 2 Open developer tools Next, right-click on the screen and select "Inspect". Developer tools will open. Click Verify STEP 3 Click on the Network tab Click "Network" from the tabs at the top right of the screen. Click on Network STEP Four Click the browser refresh button When you click the browser refresh button on the left side of the screen, the files necessary to display the page will be gradually loaded. Click the update button STEP Five Check image TYPE Please make sure that the "Type" of the image you want to check is set to "webp". Check if the image format is webp from Type memo In the "Network" section of this developer tool, you can also see the "Time" when loading each file. Although the time is based on your own network environment, images with longer time than others may have a large capacity. You may want to check whether the "image dimensions (width x height)" explained later are appropriate.
Purpose Images generated by WordPress Images generated by list of phone numbers example.jpg example.jpg.webp medium size example-300×200.jpg example-300×200.jpg.webp thumbnail example-150×150.jpg example-150×150.jpg.webp How to convert uploaded images For images that were uploaded before activating Converter for Media, simply click Start Bulk Optimization at the bottom of the General Settings tab . Click Start batch optimization When you click it, you will see a message like the one below. Example of display when image optimization is successful Go to "Media > Library" in the WordPress main navigation and check if the uploaded image is set to WebP. Check if it is set to WebP How to check if images are converted to WebP on the actual page If you just want to check whether an image has been converted to WebP, you can find it by selecting the image from the WordPress media library as mentioned above. However, in order to check whether the image has been converted to WebP on the actual page, you must check it from the browser. Therefore, here we will use Chrome's developer tools as an example to explain how to check whether images on the actual page have been converted to WebP.
STEP 1 View actual page First, display the actual page. View actual page STEP 2 Open developer tools Next, right-click on the screen and select "Inspect". Developer tools will open. Click Verify STEP 3 Click on the Network tab Click "Network" from the tabs at the top right of the screen. Click on Network STEP Four Click the browser refresh button When you click the browser refresh button on the left side of the screen, the files necessary to display the page will be gradually loaded. Click the update button STEP Five Check image TYPE Please make sure that the "Type" of the image you want to check is set to "webp". Check if the image format is webp from Type memo In the "Network" section of this developer tool, you can also see the "Time" when loading each file. Although the time is based on your own network environment, images with longer time than others may have a large capacity. You may want to check whether the "image dimensions (width x height)" explained later are appropriate.