WebP images

Overview

WebP is an image format employing both lossy and lossless compression and supports animation and alpha transparency. Compared to JPEG, PNG, and GIF image formats, WebP is designed to create smaller files with the same quality, or of higher quality with the same size..

You can use WebP-encoded images in Content block and Image widgets, and to generate image and video thumbnails. With WebP images, your site loads faster, thus driving up customer satisfaction, and reducing bandwidth.

PREREQUISITES: To use WebP images, you must have created your project using NuGet packages.

IMPORTANT: Sitefinity CMS creates a folder named Sitefinity\ExternalLibraries\LibWebP in your Sitefinity CMS project. Ensure that the folder and its content is included in the deployment package.

Enable WebP support

You must do this, only if you have customized the list of supported file extensions.
Perform the following:

  1. In Sitefinity CMS backend, navigate to Administration » Settings » Advanced.
  2. In the treeview on the left, expand Libraries and click Images.
  3. In the Allowed file extension input field, enter .webp, separated by a comma.
  4. Click Save changes.

RESULT: You can use WebP images the same way as the rest of the file formats. You can upload WebP-encoded images to your MVC and .NET Core-based Content block and Image widgets. You can also generate image and video thumbnails in WebP format.

Compression quality

When you use images in WebP format, Sitefinity CMS compresses them according to the following rules:

  • When you upload an image in WebP format, it is not compressed
  • When you generate a thumbnail, it is compressed depending on the quality factor you use:
    Quality factor Quality factor
    Low Lossy - 30%
    Medium Lossy - 75%
    High Lossless
    The quality factor is measured as a percentage of the quality level, where 100% means no loss, and 1% is a very low quality image.

Want to learn more?

Sign up for our free beginner training. Boost your credentials through advanced courses and certification.
Register for Sitefinity training and certification.

Was this article helpful?