Skip to content

Using WebP Image Format

WebP is a next-generation image format developed by Google. With comparable visual quality, its file size is approximately 34% smaller than traditional JPEG/PNG formats, which effectively reduces page loading times.

Method 1: Configure MIME Type via web.config

  1. Connect to the website root directory via an FTP client.
  2. Back up the current web.config file so you can roll back if issues occur.
  3. Add the following configuration to the <system.webServer> <staticContent> node in web.config:
xml
<remove fileExtension=".webp" />
<mimeMap fileExtension=".webp" mimeType="image/webp" />
  1. Refresh the website page to verify the configuration is working. If the page shows an error, restore the backup file from step 2.
  2. Log in to the website with an administrator account, go to Settings > Security, and append the WebP extension to the Allowable File Extensions field.

Security Settings

Method 2: Add MIME Type via IIS Manager

  1. Open IIS Manager on the server.
  2. Select the target site in the left connection tree.
  3. Double-click MIME Types in Features View.
  4. Click Add in the right Actions panel.
  5. Fill in the following information in the dialog:
    • File name extension: .webp
    • MIME type: image/webp
  6. After completing the above steps, you also need to add the WebP extension in Settings > Security > Allowable File Extensions.

Security Settings

Converting Existing Images to WebP

We recommend using an online tool to batch convert image formats:

  1. Visit CloudConvert JPG Converter.
  2. Upload the JPG or PNG images you want to convert.
  3. Select WebP as the output format.
  4. Download the converted results and replace the original image files on your website.

Fiwetis DNN Roofing Theme Documentation