What is  WebP ?

WebP is a special image format for web. It’s provides lossless and lossy compression for image for web , which is makes website lighter and faster. 

how to upload webp in wordpress

PNG : 42KB

how to upload webp in wordpress


WebP Support

WebP is natively supported in Google Chrome, Firefox, Edge, the Opera browser, and by many other tools and software libraries. 

How to upload WebP in WordPress without Plugin ?

I will show you very simple steps to upload webp images on wordpress.

  1. Convert your any types images to WEBP formate images with online tools

2. Download webp converted image

Download webp

WordPress doesn’t support Webp images by default, when you try to upload you can see this types error.   

wordpress doesnt support webp

To fixed this problem First go to Dashboard and from Appearance > Theme Editor and Choose functions.php file and add this function bottom of this page and lasty hit save changes and don’t forget to take backup before doing this.

					//** *Enable upload for webp image files.*/
function webp_upload_mimes($existing_mimes) {
    $existing_mimes['webp'] = 'image/webp';
    return $existing_mimes;
add_filter('mime_types', 'webp_upload_mimes');

Exactly same way add this code below previous code

					//** * 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);

If this helpful for you, don’t forgot to  share with others and feel free to comment below.

Leave a Reply

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