How To Upload WebP Images In WordPress [With/Without Plugin]

In recent days, WebP images on WordPress are a very trending topic after the adaption of many search engines related to WebP images for a site along with the question for uploading WebP images on WordPress.

So, if you are belonging to that kind of set of people who queries related to how to upload WebP images in WordPress without plugin or asking for WebP converter WordPress plugin then you have landed up in the right place where we are going to discuss each and every aspect related to WebP images and how you can upload WebP images in WordPress.

Here we will also share some WordPress plugins to upload WebP images as well as some WebP converter WordPress plugin to upload WebP images on WordPress.

Also Read: How to add a table of contents on Blogger & WordPress

Actually, the rising demand for WebP is happening because Google, in recent days has introduced a new type of image file format which is named WebP. And this next-generation image file format is basically different from the other type of image file format because of its advanced level of compressing quality without compromising with any image quality.

WebP format files can easily reduce the size of an image file by 35% smaller without any losing quality and thus it this file format is becoming one of the best choices for web images and leading to the question of How to upload WebP images in WordPress.

Actually, most search engine always recommends using the file of images of smaller size so that it doesn’t affect your web rendering speed. But with this latest file format, there are also a few problems rising in the way, like most web builder platform like WordPress doesn’t yet have a solution to upload image file in WordPress.

But, you can resolve this problem with a little bit of work in some aspects, which we will guide you in this blog regarding the question of how to upload WebP images in WordPress.

What is WebP image format:

WebP is a recently developed image file format that contains both lossless and lossy compression. This next-generation image format, developed by Google, mainly works behind as a ranking factor for webmasters and web developers, so that they can create smaller, richer images and can improve their site optimization.

Generally, WebP images format file compresses a PNG image by 25-34% smaller than compared to JPEG image format. Not only that, this image format is capable of reducing image file size by 35% without affecting its quality. WebP also supports transparency with just a 22% additional byte.

This VP8 video formatted compressed image format mainly supports the images in JPEG, PNG, GIF format and works best for increasing the website speed. A survey shows using WebP images helped to load the site faster by 17%.

Google and other search engines always used to develop new and new things to provide the best user experience, and that’s why they also encourage those who easily adapt to their changes. That’s why nowadays, how to upload WebP images in WordPress without plugins and WebP converter WordPress plugin has become a question of everyone’s mind.

Now after getting to know about what is WebP images now it’s time to know how WebP works.

How WebP images works- an overview:

The main working functionality of WebP images is based upon the lossy compression where they use predictive coding to first encode the image and get the values of neighboring blocks of pixels to predict more accurate values in a block, and then it encodes only the difference of that in that image.

VP8 video codec also works in a similar compressing method where they mainly do the same with the keyframes in videos.

Lossless WebP compression also considers the already seen image fragments to exactly match and construct the new pixels. Moreover, it uses its local palette of coloring too, in case of no appropriate pixel match is found.

Why should you must consider WebP image formats for websites than JPEG or PNG file format:

Google being the most popular search engine always works in different aspects as well as considers various parameters for their ranking factors of sites.

And in 2014, Google made an official announcement where they said that they will be going to consider the WebP format for their image search results and also consider the backlinks for SEO.

Also Read: How To Remove Date From Blogger Post URL

This announcement changed the ranking principle of many platforms like webmasters and web-optimizers for considering WebP image format images for their ranking factor.

And thus how to upload WebP images in WordPress has become a question of every WordPress developer or manager as though WordPress has developed its own few plugins for WebP image upload, but there is no direct way for considering those.

So, considering the overall context, one must consider WebP image format for your site and there are other benefits too of using that, which are discussed in the next section.

Benefits of using WebP format images in websites:

There are many benefits and moreover, the results from those benefits are always amazing, which will always encourage you to consider WebP format rather than JPEG or PNG images.

The benefit of using WebP Image

Here are a few of those benefits listed below, which give you immediate amazing results.

  1. Generally, WebP format image files are 34% smaller than compared to JPEG or PNG files with the same dimension and high-quality. Thus, it offers you to use more images or utilize the space in more other functions.
  2. WebP can be served in small bites too, and thus it can make your image loading speed to a next level.
  3. With serving the images in small bytes further helps you to save the bandwidth in much smarter and optimized way.
  4. WebP supports 24-bit RGB color along with 8-bit alpha channel, but GIF’s generally supports 8-bit RGB color along with 1-bit alpha, thus WebP improves your image quality more than any other.
  5. WebP can be used for using both graphics and photography
  6. WebP’s images are also flexible for compression method, as it supports both lossless and lossy compression.

So, with all of these benefits now you have got enough reasons why one must consider WebP, and the eagerness to forget to know how to upload WebP images in WordPress without plugins increases more and more.

Browsers supporting WebP files:

Most web browsers generally support WebP images along with a lightweight encoding and decoding library. But there are a lot of browsers, too, which don’t support this feature.

So, it is important to get to know whether the browser in which you wish to work supports WebP files or not so that you can avoid any kind of future troubles and work freely with the WebP converter WordPress plugin.

Google Chrome, Microsoft Edge, Mozilla Firefox, Opera, and many more browsers. These browsers mainly support the lightweight encoding and decoding library mainly libWebP and the necessary command-line tools like cWebP(Compress an image file to a WebP file) and dWebP(decompress a WebP file to an image file) for converting images to WebP format.

Although Apple’s Safari browser doesn’t support the WebP image file format for conversion.

WebP image file format – brief details:

WebP image format was developed by Google Engineers way back in 2010 as a new tool for compressed color graphics in a light mode with the standard lossy compressed compression producing smaller files from JPEG, PNG, JPG, GIF format.

Here are a few details of WebP images mentioned below, which may help you in the future.

  • File Extension:   .WebP
  • Media type : image/webp
  • Type of Format : Image format
  • Platform:  Cross-platform
  • License: BSD license
  • Written in: C
  • Developed by: Google
  • Format : Open
  • Initial Release : 30 September 2010
  • Stable release: 1.0.3 – 4 July 2019

Also, Read This Blog: How To Make Money with WordPress

Now after getting to know much more details regarding WebP images along with their benefits and all, now it’s the perfect time to answer the query of most viewers – How to upload WebP images in WordPress without a plugin? And WebP converter WordPress plugin so that they can upload WebP images in WordPress.

How to upload WebP images in wordpress? -A step-by-step guide:

The actual problem that occurs when you try to upload WebP image file format to your WordPress website is that it shows an error message which says,” Sorry, this file type is not permitted for security reasons”.

This is because WordPress actually hasn’t developed the system to implement the WebP image conversion by default and considers that by default. So, for working on that thing, you need to do some basic kinds of the stuff mentioned below, and your query related to upload WebP images in WordPress without Plugin will be resolved.

Now, this issue can be resolved in mainly two ways –  without the use of a WordPress plugin or with the use of a WordPress plugin.

In this section, we are going to discuss both of the methods so that you can work according to your convenience.

Method -1: upload WebP images in WordPress without plugin:

The basic underlying process for working in this aspect is that WordPress will basically show you an error message of not supported file type whenever you upload a WebP image.

So, the first thing for which you need to take care of is that you first need to make sure that your hosting provider allows your file type and for that, you have to first inform that.

For that follow the steps mentioned below to get the upload of WebP image in WordPress.

  1. First, you need to have log in to your WordPress admin panel.
  2. Then there you have to choose the appearance section.
  3. From the appearance section, choose the Theme Editor for editing the theme.
  4. Then select the Theme Functions from there [functions.php]
  5. After that you require to paste the code mentioned below at the  last of the codes written over there .
  6. Now, your job is almost done, all you require to do is click on the update file.

This process will enable the WebP image upload to your website.

Code:

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' );
//** * Enable preview / thumbnail for webp image files.*/
function webp_is_displayable($result, $path) {
    if ($result === false) {
        $displayable_image_types = array( IMAGETYPE_WEBP );
        $info = @getimagesize( $path );
        if (empty($info)) {
            $result = false;
        } elseif (!in_array($info[2], $displayable_image_types)) {
            $result = false;
        } else {
            $result = true;
        }
    }
    return $result;
}
add_filter('file_is_displayable_image', 'webp_is_displayable', 10, 2);

Method 2 : Upload WebP images in WordPress without plugin with WebP converter WordPress plugin:

WebP Converter WordPress Plugin
WebP Converter WordPress Plugin

There are other methods of uploading WebP images on WordPress without writing code. And that method is quite easy to work out.

And the solution of that regarding WebP image on WordPress is using a WebP converter WordPress plugin.

For that, all you need to do is have to go to your WordPress plugin library and have to search for “Allow WebP image” or simply write “WebP” and install any of the plugins from there.

There are many plugins available for serving the same, but you can choose the best one by just checking the ratings or the last updated date for considering that.

Now, after getting through the overall process of uploading WebP images in WordPress without plugins and also how to get the WebP converter WordPress plugin so that you can upload WebP images in the WordPress site.

Final Word:

So, these were the complete details regarding the step-by-step guide for answering the question of How to upload WebP images in WordPress without plugins and along with the process of WebP converter WordPress plugin. We have also discussed the way of considering the best WebP converter WordPress plugin.

Going with WebP images for your site is definitely a good decision and works in a positive way for your purpose, but it has some disadvantages as well.

Like till now Twitter and Safari browser doesn’t support WebP formatted images and thus the users from those platforms or search browsers may face some difficulties of not getting the picture’s inappropriate quality, or even it may not load too.

So, work according to your viewer’s or business domain basis, thus the implementation of it will not affect you in a negative way.

Does WordPress support Web images?

Actually, in the initial days, WordPress doesn’t support WebP images and used to give you an error or type mismatch message while uploading the image files. But now with the latest version of WordPress supports the WebP images, and you can upload those without any additional codes or plugins.

Should I use WebP images on my website?

Obviously yes! WebP images enable you to get a faster site loading speed and which boosts site engagement and SEO. So, you must go with WebP images on your site to get the maximum benefit from over there.

How do I enable WebP support in WordPress?

You can use Short Pixel to serve the WebP images on WordPress.  For that, all you need to do is to install the plugin from WordPress and then have to add your API key. This API key is actually the key that you get while registering for the Short Pixel account.

Now to enable WebP images, you just need to go to the Advanced tab and then check for WebP images and then deliver by checking the WebP versions.

Share on:

Hi, I'm Soumitra Sardar, founder of OnBline. OnBline Blogs always tries to convey the most essential and trending aspects of Digital Marketing which are or will be the new normal in present day or in the upcoming future days in a very simplified and easy to implement manner.

4 thoughts on “How To Upload WebP Images In WordPress [With/Without Plugin]”

  1. you are really a good webmaster. The web site loading speed is incredible. It seems that you’re doing any unique trick. Moreover, The contents are masterwork. you’ve done a wonderful job on this topic!

    Reply
  2. Thank you for the sensible critique. Me & my neighbor were just preparing to do a little research on this. We got a grab a book from our local library but I think I learned more from this post. I am very glad to see such fantastic information being shared freely out there.

    Reply

Leave a Comment