Step By Step Guide To Upload Webp Images in WordPress Without Plugin 2021

So most people wanted to know how to Upload Webp Images in WordPress, which is very simple, and you just needed to do only one time. And the task will be done by the time you change your theme. 

But most people are saying use a plugin instant of using any code, but I just wanted to tell you only one thing, if you are using a plugin for every small thing, then your website will be slow. This is pathetic, in my opinion, and you need to know how to boost website speed in 2021

Do you know Google introduced this Webp image? 

So now, let’s start with the details of this and start with the settings. 

Upload Webp Images in WordPress

So This is one of the best and easiest ways to upload Webp Images in WordPress, and you don’t require plugins. As earlier I already told you about the same, that you don’t need any plugins for this option. 

So now, just follow all the steps below. 

Guide To Upload Webp Images In WordPress

So by using this type of image, you will get a fast result of loading images, and Webp images are just like JPEG if we talk about quality-wise. 

After So much talk, let’s learn how to add that Webp Image Code in WordPress

Step 1 – Open ” Theme Editor” In Appearance

webp images to wordpress

Step 2 – Select the ” Theme Function (functions.php) ” 

Webp Theme Functions

Step 3: Go to the code section and Save the theme code on your notepad, might be if you made any mistakes, then we also do have the code by which we can fix everything. 

Step 4 – No, just at the bottom. Add The below code. 

webp in wordpress

function webp_upload_mimes( $existing_mimes ) {

    // add webp to the list of mime types

    $existing_mimes[‘webp’] = ‘image/webp’;

    // return the array back to the function with our added mime type

    return $existing_mimes;

}

add_filter( ‘mime_types’, ‘webp_upload_mimes’ );

[su_button id=download url=”https://drive.google.com/file/d/1Tha5N6–8sUk9spB2FVlOiHHm_AuKLKk/view?usp=sharing” target=”blank” background=”#ef2d65″ size=”6″ wide=”yes” center=”yes”]Download Code From Here[/su_button]

Step 5: Once You Added the code, click on the Update button, and that’s all. 

Now you are ready to rock, and now if you test, you will not get any problems with your dashboard. 

If this was helpful for you, don’t forget to share it with your friends, and keep tuned with us for more updates. 

Spread the love

Leave a Reply

Your email address will not be published. Required fields are marked *