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.

Increase your Sitefinity skills by signing up for our free trainings. Get Sitefinity-certified at Progress Education Community to boost your credentials.

Get started with Integration Hub | Sitefinity Cloud | Sitefinity SaaS

This free lesson teaches administrators, marketers, and other business professionals how to use the Integration hub service to create automated workflows between Sitefinity and other business systems.

Web Security for Sitefinity Administrators

This free lesson teaches administrators the basics about protecting yor Sitefinity instance and its sites from external threats. Configure HTTPS, SSL, allow lists for trusted sites, and cookie security, among others.

Foundations of Sitefinity ASP.NET Core Development

The free on-demand video course teaches developers how to use Sitefinity .NET Core and leverage its decoupled architecture and new way of coding against the platform.

Was this article helpful?