Use the WebP Image Format

What is the WebP image format?

WebP is an image file format which contains image data with both lossless and lossy compression. Developed by Google, WebP is basically a derivative of the WebM video format. The format is capable of reducing image file size by up to 34% compared to JPEG and PNG images while retaining high quality.

Steps to Use WebP in the Kella Theme

You can enable WebP in DNN using one of the methods below.

Method 1: Edit web.config

Step 1. Connect to the root directory of your site via FTP.

Step 2. Back up the web.config file.

Step 3. Edit the web.config file to add the following codes inside <staticContent> </staticContent>:

<remove fileExtension=".webp" />
<mimeMap fileExtension=".webp" mimeType="image/webp" />

Step 4. Refresh the site. If the site reports an error, restore the web.config file using the backup from Step 2.

Step 5. Log in to the site as the super user, go to Settings > Security, then add webp in Allowable File Extensions.

Method 2: Via IIS Manager

Step 1. Open IIS Manager and navigate to the web site you want to manage.

Step 2. In Features View, double-click MIME Types.

Step 3. In the Actions pane, click Add.

Step 4. In the Add MIME Type dialog box, type webp in the File name extension text box.

Step 5. Type image/webp in the MIME type text box.

Step 6. Log in to the site as the super user, go to Settings > Security, then add webp in Allowable File Extensions.

Convert JPG/PNG to WebP

You can convert JPG/PNG images to the WebP format via this site: https://cloudconvert.com/jpg-converter

Finally, you can upload and use WebP images in the theme just like any other image format.