{"id":124487,"date":"2025-04-22T16:10:05","date_gmt":"2025-04-22T14:10:05","guid":{"rendered":"https:\/\/yourwebsitemadeeasy.com\/staging\/?p=124487"},"modified":"2026-07-13T07:07:57","modified_gmt":"2026-07-13T05:07:57","slug":"webp-images","status":"publish","type":"post","link":"https:\/\/yourwebsitemadeeasy.com\/en\/webp-afbeeldingen\/","title":{"rendered":"How do you make WebP images for your website? (With video)"},"content":{"rendered":"<h2 class=\"wp-block-heading\">The quickest way to convert photos and images to WebP.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In my blog about <a href=\"https:\/\/yourwebsitemadeeasy.com\/en\/images-on-your-website\/\" data-type=\"post\" data-id=\"118186\">the best and fastest images on your website<\/a> 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.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">In the video<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">00:00 About the dimensions of your images<br>02:16 Converting and saving files one by one with Squoosh<br>03:12 Converting and saving several files at once with ShortPixel (my favourite)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">The details<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Image dimensions for a website or newsletter:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table class=\"has-fixed-layout\"><tbody><tr><td>Full screen width (large)<\/td><td>2200 pixels wide (max 2560)<\/td><\/tr><tr><td>Content width (medium)<\/td><td>1400 pixels wide<\/td><\/tr><tr><td>1\/2 Content width (small)<\/td><td>800 pixels wide (enough for newsletters)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Free online tools to generate the best files:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Squoosh <a href=\"https:\/\/squoosh.app\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">https:\/\/squoosh.app\/<\/a><br>ShortPixel <a href=\"https:\/\/shortpixel.com\/online-image-compression\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">https:\/\/shortpixel.com\/online-image-compression<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">When do you use jpg instead of WebP?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">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.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Ready? Watch the video now<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div style=\"position: relative; padding-bottom: 64.5933014354067%; height: 0;\"><iframe src=\"https:\/\/www.loom.com\/embed\/63d3a525245b439db56baad25d912d48?sid=6e73c1bc-8d78-430f-9e42-6abb33226432\" frameborder=\"0\" webkitallowfullscreen=\"\" mozallowfullscreen=\"\" allowfullscreen=\"\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\"><\/iframe><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>","protected":false},"excerpt":{"rendered":"<p>WebP is the format for images on your website. Learn how to make them with this video and a free cheat sheet.<\/p>","protected":false},"author":1,"featured_media":223633,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"video","meta":{"_acf_changed":false,"footnotes":""},"categories":[7,8,12],"tags":[],"class_list":["post-124487","post","type-post","status-publish","format-video","has-post-thumbnail","hentry","category-alle","category-tips-en-tricks","category-videos-en-downloads","post_format-post-format-video"],"acf":[],"_links":{"self":[{"href":"https:\/\/yourwebsitemadeeasy.com\/en\/wp-json\/wp\/v2\/posts\/124487","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yourwebsitemadeeasy.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/yourwebsitemadeeasy.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/yourwebsitemadeeasy.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yourwebsitemadeeasy.com\/en\/wp-json\/wp\/v2\/comments?post=124487"}],"version-history":[{"count":0,"href":"https:\/\/yourwebsitemadeeasy.com\/en\/wp-json\/wp\/v2\/posts\/124487\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yourwebsitemadeeasy.com\/en\/wp-json\/wp\/v2\/media\/223633"}],"wp:attachment":[{"href":"https:\/\/yourwebsitemadeeasy.com\/en\/wp-json\/wp\/v2\/media?parent=124487"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yourwebsitemadeeasy.com\/en\/wp-json\/wp\/v2\/categories?post=124487"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yourwebsitemadeeasy.com\/en\/wp-json\/wp\/v2\/tags?post=124487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}