Recently I made a small game at work called JPEG or PNG, for the front end team. Bootcamps tend to not focus on image formats at all, the results is all Figma images gets exported as PNGs and bloat the website. Devs often argue that the format is "sharper".
Anyway, my game consisted of a slide of images and we vote what's the most appropriate format. When when people got a hang of it, I threw in WebP and SVG. I talk about those last, because they can easily abused: i.e an SVG with an embedded png.
This reminds me of a principle I like: Once you understand your key traits and the key things customers come to you for, it's good to embody them everywhere!
F1 is largely about speed. (I fondly remember going to various races as a child with my grandparents, in Melbourne. Everyone seemed in awe of Schumacher). So of course your website should be about speed!
This could then apply to everything: ticket turnstiles that measure themselves on time per guest scanned, food vendors that do the same thing, websites that measure and rank on speed.
This reminds me of one of my favorite books from a few decades ago: Websites that Suck http://www.webpagesthatsuck.com/ That might have been what turned me on to web design, and I'm still trying to make things that don't suck
>Squoosh lets you disable subsampling for JPEG and AVIF, but it can't be disabled for WebP, as the format doesn't support it. To work around this, the WebP encoder has a "sharp RGB to YUV" option which tries to limit the impact of subsampling at the cost of some colour bleeding. I used that option above.
This is something that I truly hate about WebP, thankfully AVIF exists and it's supported by all major browsers.
Who has the fastest F1 website (2021)
(jakearchibald.com)192 points by tosh 23 hours ago | 58 comments
Comments
Anyway, my game consisted of a slide of images and we vote what's the most appropriate format. When when people got a hang of it, I threw in WebP and SVG. I talk about those last, because they can easily abused: i.e an SVG with an embedded png.
F1 is largely about speed. (I fondly remember going to various races as a child with my grandparents, in Melbourne. Everyone seemed in awe of Schumacher). So of course your website should be about speed!
This could then apply to everything: ticket turnstiles that measure themselves on time per guest scanned, food vendors that do the same thing, websites that measure and rank on speed.
P.S. hope not messed up with links
Now I need to see the 2025 version!
https://ericlugo.com/f1-2025/
This is something that I truly hate about WebP, thankfully AVIF exists and it's supported by all major browsers.