How do you make WebP images for your website? (With video)

How to make WebP images

The quickest way to convert photos and images to WebP.

In my blog about the best and fastest images on your website I go into detail about images. But that guide may be too detailed for you, or you may want to get started straight away. So here I explain in a few minutes how to make WebP images.

In the video

00:00 About the dimensions of your images
02:16 Converting and saving files one by one with Squoosh
03:12 Converting and saving several files at once with ShortPixel (my favourite)


The details

Image dimensions for a website or newsletter:

Full screen width (large)2200 pixels wide (max 2560)
Content width (medium)1400 pixels wide
1/2 Content width (small)800 pixels wide (enough for newsletters)

Free online tools to generate the best files:

Squoosh https://squoosh.app/
ShortPixel https://shortpixel.com/online-image-compression

When do you use jpg instead of WebP?

WebP is currently the best file format for the web and is supported by almost every browser. Still running into problems? Then you can always fall back on jpg. So choose WebP first and make your website or newsletter faster. ShortPixel's online image converter gives you the jpg as well, which is very handy.


Ready? Watch the video now


Deshna van Aarssen

Stuck, or would you rather I sorted this out for you instead of working it out yourself?
Book a free introduction or take a look at what I can do for you.

Get the new blog posts automatically.

Sign up for the newsletter. I only send you news worth reading, no funnels and no spam. Promise!

Enter your name
Could you tick this box?

Read next:

Do you know this about links?

All blogs, Tips & Tricks

If there is one thing inseparable from the internet, it is links!
We use them constantly and they take us (almost) anywhere. But how do you place them?

Always the best and fastest images on your website (With PDF)

All blogs, Tips & Tricks, Videos & Downloads

Images play a crucial role in the success of your website. They can affect loading time, user experience and search engine optimisation (SEO). In this article you learn step by step how to prepare images for your website.

Show that you are trustworthy with social proof

All blogs, Tips & Tricks

This time it is about social proof. Almost 90% of consumers compare the impact of an online review to a personal recommendation.

7 quick wins for a webshop that converts

All blogs, Tips & Tricks

Selling your products or services in a webshop does not happen by itself. In this blog you read how to make more revenue in your webshop.

CTA: get your visitor to take action

All blogs, Tips & Tricks

In this blog I want to talk about the purpose of your website. And more specifically the purpose of your individual pages. Because when you want something to happen, you have to ask for it!