Use smaller logo + use webp for code image on front page

honojs / website

Repository for hono.dev

https://hono.dev

68 stars 217 forks source link

Use smaller logo + use webp for code image on front page #239

Closed erik-beus closed 4 months ago

erik-beus commented 4 months ago

This reduces the size of the logo in the header from:

33.5KB --> 3KB The logo was compressed using Preview on a Mac down to 24px/24px

The public/images/code.png was compressed to a webp image using squoosh (lossless compression) while the width was reduced to 640px (aspect ratio maintained). This gives this size reduction:

160KB --> 32KB

On slower connections, this should improve the website experience a bit. Let me know if this is useful.

yusukebe commented 4 months ago

Hi @erik-beus !

Super cool! I was hoping for this kind of PR. I'll merge this now. Thanks!