Introduction To WebP Images
WebP is an image format developed and first released by Google in 2010. It supports encoding images in both lossless and lossy formats, making it a versatile format for any type of visual media, and a great alternative format to both PNG or JPEG. WebP's visual quality is often comparable to JPEG but the file is a fraction of the size.
The above image has been inserted as a 1200px wide JPEG along with an 800px wide JPEG for mobile devices for Safari which doesn't support the WebP format. A 1200px wide and an 800px wide WEBP have been inserted for all other browsers.
As you can see below, the WEBP file is about half the size of the equivalent JPEG. A substantial saving in download time and data usage for mobile users.
File Size Comparison
JPEG Image - 401KB
Mobile JPEG - 204KB
WebP - 212KB
Mobile WebP - 110KB
Browser
WebP is supported by Chrome, Firefox and IE Edge. At the time of writing it is not being supported by Safari but this is supposed to be in the works.
In the meantime, even if you don't care about Safari users, images must be inserted with a JPEG fallback because EverWeb doesn't display WebP images when viewed on the design canvas.
To compare image quality open this page in both Chrome and Safari. Chrome will display the WEBP file and Safari the JPEG.
File Conversion
XnConvert is a batch image processor which will convert images fro JPEG to WEBP. It is available for free download in the App Store.
Pixillion is a very quick and simple app to use and is available with the essentail features free for personal use.
Use the links below to download or click either of the images to get the apps.