What is WebP and Why Should Web Developers Embrace it?

SCBA 2019
What is WebP and Why Should Web Developers Embrace it?

What is WebP and Why Should Web Developers Embrace it?

  • 9th July 2019
  • Six Ticks Limited

This week, we’re talking WebP and why our web developers won’t use anything else for Six Ticks websites.

What is WebP?

WebP is Google’s (fairly new) image format. It provides faster loading images for use on the web, which make websites quicker. It has been called the best and most efficient image format for the web, as it minimises lossless and lossy compression.

Yes those are real words.

So, What is Lossless and Lossy Compression?

If you want to reduce the file size of an image, you have to compress the data in some way, but the quality of the image is also reduced when you do this. The more you reduce the file size, the worse the image looks. “Lossless” and “lossy” compression are the dark arts of managing to reduce an image’s file size, while keeping (most of) the image quality.

WebP has been around since 2010 and uses more complex operations to provide lighter, better images, for use by multiple formats – basically it results in superior lossy and lossless compression.

Why WebP is a Big Deal…

WebP reduces images and graphics better than any previous compression algorithm. In fact, Google’s WebP site states that:

"WebP lossless images are 26% smaller in size compared to PNGs [and] WebP lossy images are 25-34% smaller than comparable JPEG images."

Smaller image files mean faster-loading websites and Google LOVES fast-loading websites. In fact, loading speeds are one of the biggest factors in SEO (Search Engine Optimisation). So, the smaller your images are, the faster your website loads, and the better your site does in the search engine rankings.

Also, did we mention that WebP is a Google technology, so if you’re talking websites and the internet, then that’s kind of a big deal? Edge and Firefox have both announced they’ll be catching up by introducing WebP support in 2019. But don’t worry, using WebP properly will still allow your old images to load in older browsers!

How Six Ticks is Embracing WebP

Website developers Six Ticks are committed to providing cutting edge solutions while making life easy for our customers. When a customer uploads an image in our CMS, WebP versions of the image are automatically created. When someone visits one of our sites, our cutting-edge websites then present the WebP images to browsers that support WebP. If the user’s browser does not support WebP, a standard JPG image is shown instead.

This means that our customers get a massive boost to their sites, without any extra work!

Not only do we create WebP images, but we also create mobile and tablet friendly WebP images automatically too. So if you upload a big image, we create five different sized WebP images and then we deliver the correct image for the size of the screen each user is using when they visit your site. This is super important, because when someone looks on mobile, they are automatically served the small WebP image, saving them data and improving loading speeds even more, and when they view the page on a tablet, they are served the medium image. etc, etc.

As far as we know, there is no other CMS on the planet that does this!

Six Ticks Web Development        

Shropshire based Six Ticks specialise in developing websites for businesses of all sizes, providing custom sites to help them to shine online.

If you’d like to find out more about our brilliant websites, get in touch with our friendly team



CONTACT US

We are friendly, approachable and jargon-free. We'd love to hear about your project and see how we can help. Give us a call, or drop us a quick note below and we’ll get back to you within 24 hours.