Search

We found 6 articles matching: "webp"

• 

  How to do code splitting using React.Lazy, Typescript and Webpack

  It is very popular to use React for your web applications today, but did you know that you can optimise your project a lot by using React.Lazy with Webpack to code split your project into chunks? Here is a simple tutorial on how you can get started splitting your code into chunks with React.Lazy.

• 

  What is WEBP image format

  You might have heard about WEBP as an image or animation format before, but have you ever used it on your website? Here is an article talking about what WEBP is why you should use it on your website for displaying images and animations.

• 

  How to convert your images to WEBP or AVIF

  A great way to optimise your website, speed up and make it more sustainable / environmental friendly is to convert your images to either WEBP or AVIF. Both of these formats lower the file size drastically without loosing the quality of your image. In this tutorial we teach you how to quickly convert your images to the WEBP or AVIF format online.

• 

  How to use AVIF images with WebP as a fallback on your website

  Since AVIF still isn't fully supported in the major web browsers, it is wise to add a fallback to your images that will be used in case your user's web browser doesn't support the image format. In this short tutorial, you will see how you can create a WebP fallback.

• 

  How to export images as WebP in Adobe Photoshop

  WebP has been around since 2010, but it is first in recent years we have seen it become more popular. This tutorial will show you how you in older and newer versions of Adobe Photoshop can export photos as WebP.

• 

  The role of WebP in developing a sustainable WordPress site

  WordPress is responsible for many websites, and with an increasing global average page weight, finding more sustainable practices is more important than ever. In this article, I talk about the role WebP has when developing a sustainable WordPress website.