This is possible with some custom workarounds like setting hooks on mime_types and file_is_displayable_image API’s. The two most common problems are allowing WebP image uploads and generating previews in the media library. Using WebP images in WordPressĪs of WordPress 5.5, it still doesn’t support WebP image format within the media library out of the box. An ideal example would be TIFF which is a Lossless image format popularly used in print media. TIP: A web image should be encoded at 72dpi while print media files require 300dpi. This soon changed with JPEG/PNG image formats which offered more color depth and compression with better image quality, factored in with DPI (Dots per inch) to produce web and print media compatible images. a GIF image format which uses standard 256 color palette or custom palettes using 8-bit color depth has poor image quality. In layman terms, more bits mean better color gamut and image quality with a trade-off on image size. The anatomy of image compression is based on Lossy and Lossless (as the name suggests) algorithms where images can be contained within 8/16/24/32 bit color depth. WebP can produce stunning results over conventional JPEG/PNG formats which is now widely used across the web development landscape. WebP is a new format developed by Google that is gaining popularity because of its compression ratio, image quality, file size and alpha channel support.Īs the name derives its roots from WebM (Web Media Format) which commonly uses VP8/VP9 compression algorithm to achieve web optimized videos, the same algorithm is employed in WebP image formats. The standalone libwebp library serves as a reference implementation for the WebP specification, and is available from our git repository or as a tarball. The most common image formats on the web are: JPEG, GIF, and PNG. A WebP file consists of VP8 or VP8L image data, and a container based on RIFF. Specifically, we will cover how to convert jpg/png images to webp, how to plan for browser support and fallback (polyfills) and how to deliver these WebP Images over a CDN.

Paletter image not supported by webp