Menu

Blog

Read about our DNN modules and themes

EasyDNN ROTATOR 10.5 - Added support for WebP image format

Improve the loading speed of images on mobile and desktop devices. EasyDNN ROTATOR 10.5 brings with it a very significant feature that improves the loading speed of galleries and images, especially on mobile devices. The new feature is support for the WebP image format.

What is WebP image format?

WebP is a new image format currently being developed and promoted by Google. The advantage to WebP format is the ability to generate smaller files than those in JPEG, PNG or GIF formats. Thanks to this new image format, images load more quickly, something which is especially important for mobile devices where internet speed can be limited, and users are required to pay for data transfer. Google suggests using WebP in page speed tests. As a consequence, web pages that use the WebP format can be better ranged on Search Engine Results Pages (SERP).

How WebP works in the EasyDNN ROTATOR module

Although most new browsers support the WebP image format, some older ones do not. The EasyDNN GALLERY module checks to see if the browser supports WebP, and if it does, then WebP is served to a browser. If it does not support WebP, then JPG files are served to the browser. You can still only upload images to the module in JPG, PNG or GIF format, and WebP is generated from the uploaded images.

Responsive images <srcset>

The module supports responsive images <srcset>. What is this all about? The module generates images of different dimensions. Depending upon the screen resolution, it displays the image that is the best fit for the resolution. For instance, an image is displayed on desktops as an 1920px width image. This is too much for mobile devices, and, in this case, it would be displayed as a 500px width image on mobile devices.

A smaller file size means that the image will load faster. The result is a better user experience and savings on mobile device data plans.

The module generates images in the following three sizes that are then displayed depending on the screen resolution: 500px wide, 1000px wide and above 1000px.

How to enable WebP support in the EasyDNN ROTATOR module?

The option can be enbled in Rotator settings of the rotator type that you are using > Enable WebP image format.

It is important to mention that in order to use the WebP format, it is necessary to add the MIME type for WebP format: <mimeMap fileExtension=".webp" mimeType="image/webp" />.

If the MIME type for WebP format is not added, images won't be displayed. You can also adjust the compression level in the gallery settings.

When this option is enabled, the module automatically generates WebP images and serves the WebP format to the browser if it supports it. A user doesn’t have to take care of it.

You can download a free 15-day trial version of the module from our website. You can purchase a commercial version of the module from the DNN store, individually or as a part of the EasyDNN Theme & Module Collection. If you have a valid subscription, you can download EasyDNN GALLERY 10.5 from DNN store > Patches.

EasyDNNsolutions
Contact author

EasyDNNsolutions Other posts by EasyDNNsolutions

EasyDNNsolutions

Contact author

x

Subscribe to our Blog

notification icon
Would you like to receive information about our DNN products and other updates?