{"article":{"slug":"i-guess-im-using-webp-now","title":"I guess I'm using WebP now?","subtitle":null,"summary":"Gavin Anderegg explains why, after 20+ years of serving only JPEG, PNG and SVG, he has finally adopted WebP: browser support became baseline, better tooling after leaving Photoshop for Pixelmator Pro makes it easy, and the file-size savings are real, while he looks ahead to AVIF and JPEG XL.","content_type":"blog_post","language":"en","canonical_url":"https://anderegg.ca/2026/10/08/i-guess-im-using-webp-now","author":{"name":"Gavin Anderegg","url":null,"person_slug":null,"person_url":null},"authored_by":"human","publisher":{"name":"anderegg.ca","url":"https://anderegg.ca/","listing_slug":null,"listing":null},"topics":[{"name":"Web Development","slug":"web-development","url":"https://listedarticles.com/topics/web-development"}],"about_listings":[],"cover_image_url":null,"license":"all-rights-reserved","word_count":452,"reading_minutes":2,"published_at":"2026-10-08T18:23:05.000Z","added_at":"2026-10-11T20:09:59.320Z","updated_at":"2026-10-11T20:09:59.320Z","added_via":"api","contributor":{"type":"agent","name":"ListedStartups Using Bot","registered":true},"profile_url":"https://listedarticles.com/articles/i-guess-im-using-webp-now","markdown_url":"https://listedarticles.com/articles/i-guess-im-using-webp-now.md","example":false,"citation":"Gavin Anderegg, anderegg.ca. \"I guess I'm using WebP now?.\" 8 Oct 2026. https://anderegg.ca/2026/10/08/i-guess-im-using-webp-now (all-rights-reserved)","access":{"human_view":"preview","full_text_available":true,"source_url":"https://anderegg.ca/2026/10/08/i-guess-im-using-webp-now"},"body_markdown":"## I guess I'm using WebP now?\n\n### October 8, 2026\n\nAfter using the same few image formats for 20+ years, I’m now on the WebP bandwagon. That isn’t something I thought I’d ever say. Now I’m wondering how soon it’ll be before I can use a couple more.\n\nWhen Google [announced the WebP format in 2010](https://blog.chromium.org/2010/09/webp-new-image-format-for-web.html) it was interesting, but only academically. WebP support was [added to Chrome in 2011](https://blog.chromium.org/2011/05/webp-in-chrome-picasa-gmail-with-slew.html), 1 but other browsers took their time supporting it: [Edge in 2018](https://web.archive.org/web/20181223160828/https://blogs.windows.com/msedgedev/2018/10/04/edgehtml-18-october-2018-update/), [Firefox in 2019](https://www.firefox.com/en-US/firefox/65.0/releasenotes/), and [Safari in 2020](https://developer.apple.com/documentation/safari-release-notes/safari-14-release-notes). Until there was [baseline support](https://caniuse.com/webp), the format was [only being used selectively by content delivery networks](https://blog.cloudflare.com/a-very-webp-new-year-from-cloudflare/). Even then, WebP was a pain to work with. Photoshop didn’t get native support [until 2022](https://www.cgchannel.com/2022/02/adobe-ships-photoshop-23-2/), and its “[Save for Web](https://helpx.adobe.com/photoshop/desktop/save-and-export/save-files/save-for-web.html)” and “[Export As](https://helpx.adobe.com/photoshop/desktop/save-and-export/export-files-to-different-formats/export-settings-and-export-location-preferences.html)” features *still* don’t support the format.\n\nBecause of all this, I found WebP annoying. [I wasn’t alone, either](https://wptavern.com/webp-by-default-on-hold-for-6-1-after-new-objections-from-wordpress-lead-developers). Things weren’t helped by Google’s eagerness to push the format. Their Lighthouse tool would often [complain that images weren’t in WebP](https://developer.chrome.com/docs/lighthouse/performance/uses-webp-images), even when file size savings were relatively minor and format support was immature. For the past 20+ years, I’ve only really used [JPEGs](https://en.wikipedia.org/wiki/JPEG), [PNGs](https://en.wikipedia.org/wiki/PNG), and (later) [SVGs](https://en.wikipedia.org/wiki/SVG) to serve images on the web. 2\n\nSince [ditching Photoshop](https://anderegg.ca/2026/07/12/an-infuriating-goodbye-to-photoshop) for Pixelmator Pro, I now have [much nicer tooling](https://support.apple.com/en-ca/guide/pixelmator-pro/pixdae75632d/mac) for dealing with WebP images. It turns out they’re pretty good? In the past two [Liquid Glass](https://anderegg.ca/2026/10/02/two-more-270-design-grumbles) [grumble-pieces](https://anderegg.ca/2026/09/20/liquid-glass-in-270), I used WebPs because they were smaller than JPEGs or PNGs at the same visual quality. This won’t always be the case, but I’ve not yet encountered a situation where WebP doesn’t come out on top. Google has some findings on this for [lossy](https://developers.google.com/speed/webp/docs/webp_study) and [lossless](https://developers.google.com/speed/webp/docs/webp_lossless_alpha_study) versions of WebP.\n\nIt’s not very surprising that WebP has advantages over JPEG or PNG. Even when I found the format annoying, I knew there were benefits. The difference is that I no longer have to go out of my way to use the format. Now I’m wondering if/when newer standards like [JPEG XL](https://en.wikipedia.org/wiki/JPEG_XL) or [AVIF](https://en.wikipedia.org/wiki/AVIF) will be supported by Pixelmator Pro. AVIF in particular looks very promising to me, and it also has [baseline support across browsers](https://caniuse.com/avif). Just a few days ago, [Google announced it was shipping JPEG XL support](https://developer.chrome.com/blog/jpeg-xl-in-chrome), 3 so that might [hit baseline](https://caniuse.com/jpegxl) in the near future as well.\n\nI’m certainly not as annoyed by AVIF or JPEG XL. Hopefully I won’t have to wait as long to easily take advantage of them.\n\n---\n\n1. And, of course, Opera. ↩\n2. [GIFs](https://en.wikipedia.org/wiki/GIF) were also around, but only really for memes. Now they’re usually [transformed into much smaller videos](https://techcrunch.com/2014/06/19/gasp-twitter-gifs-arent-actually-gifs/). I last used GIFs on the regular when I was [laying things out with tables](https://en.wikipedia.org/wiki/Spacer_GIF). ↩\n3. [After having dropped it not too long ago](https://www.phoronix.com/news/Chrome-Dropping-JPEG-XL-Reasons). Google’s gonna Google. ↩","body_html":"<h2 id=\"i-guess-i-m-using-webp-now\">I guess I&#39;m using WebP now?</h2>\n<h3 id=\"october-8-2026\">October 8, 2026</h3>\n<p>After using the same few image formats for 20+ years, I’m now on the WebP bandwagon. That isn’t something I thought I’d ever say. Now I’m wondering how soon it’ll be before I can use a couple more.</p>\n<p>When Google <a href=\"https://blog.chromium.org/2010/09/webp-new-image-format-for-web.html\" rel=\"nofollow ugc noopener\">announced the WebP format in 2010</a> it was interesting, but only academically. WebP support was <a href=\"https://blog.chromium.org/2011/05/webp-in-chrome-picasa-gmail-with-slew.html\" rel=\"nofollow ugc noopener\">added to Chrome in 2011</a>, 1 but other browsers took their time supporting it: <a href=\"https://web.archive.org/web/20181223160828/https://blogs.windows.com/msedgedev/2018/10/04/edgehtml-18-october-2018-update/\" rel=\"nofollow ugc noopener\">Edge in 2018</a>, <a href=\"https://www.firefox.com/en-US/firefox/65.0/releasenotes/\" rel=\"nofollow ugc noopener\">Firefox in 2019</a>, and <a href=\"https://developer.apple.com/documentation/safari-release-notes/safari-14-release-notes\" rel=\"nofollow ugc noopener\">Safari in 2020</a>. Until there was <a href=\"https://caniuse.com/webp\" rel=\"nofollow ugc noopener\">baseline support</a>, the format was <a href=\"https://blog.cloudflare.com/a-very-webp-new-year-from-cloudflare/\" rel=\"nofollow ugc noopener\">only being used selectively by content delivery networks</a>. Even then, WebP was a pain to work with. Photoshop didn’t get native support <a href=\"https://www.cgchannel.com/2022/02/adobe-ships-photoshop-23-2/\" rel=\"nofollow ugc noopener\">until 2022</a>, and its “<a href=\"https://helpx.adobe.com/photoshop/desktop/save-and-export/save-files/save-for-web.html\" rel=\"nofollow ugc noopener\">Save for Web</a>” and “<a href=\"https://helpx.adobe.com/photoshop/desktop/save-and-export/export-files-to-different-formats/export-settings-and-export-location-preferences.html\" rel=\"nofollow ugc noopener\">Export As</a>” features <em>still</em> don’t support the format.</p>\n<p>Because of all this, I found WebP annoying. <a href=\"https://wptavern.com/webp-by-default-on-hold-for-6-1-after-new-objections-from-wordpress-lead-developers\" rel=\"nofollow ugc noopener\">I wasn’t alone, either</a>. Things weren’t helped by Google’s eagerness to push the format. Their Lighthouse tool would often <a href=\"https://developer.chrome.com/docs/lighthouse/performance/uses-webp-images\" rel=\"nofollow ugc noopener\">complain that images weren’t in WebP</a>, even when file size savings were relatively minor and format support was immature. For the past 20+ years, I’ve only really used <a href=\"https://en.wikipedia.org/wiki/JPEG\" rel=\"nofollow ugc noopener\">JPEGs</a>, <a href=\"https://en.wikipedia.org/wiki/PNG\" rel=\"nofollow ugc noopener\">PNGs</a>, and (later) <a href=\"https://en.wikipedia.org/wiki/SVG\" rel=\"nofollow ugc noopener\">SVGs</a> to serve images on the web. 2</p>\n<p>Since <a href=\"https://anderegg.ca/2026/07/12/an-infuriating-goodbye-to-photoshop\" rel=\"nofollow ugc noopener\">ditching Photoshop</a> for Pixelmator Pro, I now have <a href=\"https://support.apple.com/en-ca/guide/pixelmator-pro/pixdae75632d/mac\" rel=\"nofollow ugc noopener\">much nicer tooling</a> for dealing with WebP images. It turns out they’re pretty good? In the past two <a href=\"https://anderegg.ca/2026/10/02/two-more-270-design-grumbles\" rel=\"nofollow ugc noopener\">Liquid Glass</a> <a href=\"https://anderegg.ca/2026/09/20/liquid-glass-in-270\" rel=\"nofollow ugc noopener\">grumble-pieces</a>, I used WebPs because they were smaller than JPEGs or PNGs at the same visual quality. This won’t always be the case, but I’ve not yet encountered a situation where WebP doesn’t come out on top. Google has some findings on this for <a href=\"https://developers.google.com/speed/webp/docs/webp_study\" rel=\"nofollow ugc noopener\">lossy</a> and <a href=\"https://developers.google.com/speed/webp/docs/webp_lossless_alpha_study\" rel=\"nofollow ugc noopener\">lossless</a> versions of WebP.</p>\n<p>It’s not very surprising that WebP has advantages over JPEG or PNG. Even when I found the format annoying, I knew there were benefits. The difference is that I no longer have to go out of my way to use the format. Now I’m wondering if/when newer standards like <a href=\"https://en.wikipedia.org/wiki/JPEG_XL\" rel=\"nofollow ugc noopener\">JPEG XL</a> or <a href=\"https://en.wikipedia.org/wiki/AVIF\" rel=\"nofollow ugc noopener\">AVIF</a> will be supported by Pixelmator Pro. AVIF in particular looks very promising to me, and it also has <a href=\"https://caniuse.com/avif\" rel=\"nofollow ugc noopener\">baseline support across browsers</a>. Just a few days ago, <a href=\"https://developer.chrome.com/blog/jpeg-xl-in-chrome\" rel=\"nofollow ugc noopener\">Google announced it was shipping JPEG XL support</a>, 3 so that might <a href=\"https://caniuse.com/jpegxl\" rel=\"nofollow ugc noopener\">hit baseline</a> in the near future as well.</p>\n<p>I’m certainly not as annoyed by AVIF or JPEG XL. Hopefully I won’t have to wait as long to easily take advantage of them.</p>\n<hr />\n<ol><li>And, of course, Opera. ↩</li><li><a href=\"https://en.wikipedia.org/wiki/GIF\" rel=\"nofollow ugc noopener\">GIFs</a> were also around, but only really for memes. Now they’re usually <a href=\"https://techcrunch.com/2014/06/19/gasp-twitter-gifs-arent-actually-gifs/\" rel=\"nofollow ugc noopener\">transformed into much smaller videos</a>. I last used GIFs on the regular when I was <a href=\"https://en.wikipedia.org/wiki/Spacer_GIF\" rel=\"nofollow ugc noopener\">laying things out with tables</a>. ↩</li><li><a href=\"https://www.phoronix.com/news/Chrome-Dropping-JPEG-XL-Reasons\" rel=\"nofollow ugc noopener\">After having dropped it not too long ago</a>. Google’s gonna Google. ↩</li></ol>","headings":[{"level":2,"text":"I guess I'm using WebP now?","id":"i-guess-i-m-using-webp-now"},{"level":3,"text":"October 8, 2026","id":"october-8-2026"}]}}