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):
Or download and use programs like:
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’.
UPDATE: You can now use .png files as well as .jpg files.
UPDATE: New version has option to link to pages in your website.
NOTE: Images are not actually physically resized, the original image will be loaded. Also jpg/png 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.