Thumbnail
Webp Image Block

Developed by

Beginner
Beginner

A new image format for the Web (.webp)

Show images/photos on your website with the ‘webp’ extension (developed by Google). Great for 'Page Speed'.

First add ‘webp’ to allowed file types: Go to System & Settings/Allowed File Types and add ’webp’ to the list.
Convert your existing jpgs to the ‘webp’ format with an online converter, I used an online converter (there are others): https://convertio.co/ or use the 'Pixillion Image Converter'. Then upload to the file manger (suggest you create a new folder called ‘Webp’). I placed both types of images, existing ‘jpgs’ and the new ‘webp’, in the same folder.

Simply add the block and choose your images file from the ‘webp’ folder, both the ‘jpgs’ and the new ‘webp’ images. The ‘jpg’ images are needed to render on browsers that don’t support ‘webp’ imags. Add sizes and choose any of the options you want to use, then ‘Add’ and ‘Publish’.

NOTE:  Images are not actually physically resized, the original image will be loaded. Also jpg images are needed as a fallback because the Apple browser Safari doesn’t support ‘webp’ image files yet, when Apple decides to support ‘webp’ I’ll take out the ‘jpg’ option in a future update.

See: https://caniuse.com/#feat=webp

Current Version: 0.9.6
Fully Translatable: Yes
Needs External Libraries: No
Compatible 8.5.2+
License: Standard
Support Response: Replies to tickets every business day.
Support Hosted: On concrete5.org
Needs extra server permissions: No
Needs Internet: No
Marketplace Tests:
Passed Automated Tests
Passed PRB Review