Image optimization in SvelteKit with vite-imagetools

SvelteKit Playlist: https://www.youtube.com/watch?v=iO4VUbQ6ua4&list=PLIyDDWd5rhaYwAiXQyonufcZgc_xOMtId Code: https://github.com/phartenfeller/sveltekit-1.0-sqlite-demo-app/tree/tut-16-img-optimization Demo: https://sveltekit-demo.hartenfeller.dev/ In this tutorial, learn how you can automatically optimize images to reduce page load times on your page. Follow me: Twitter: https://twitter.com/phartenfeller Mastodon: https://mastodon.social/@phartenfeller Blog: https://hartenfeller.dev/blog LinkedIn: https://www.linkedin.com/in/phartenfeller/ Support me: https://www.buymeacoffee.com/hartenfeller https://paypal.me/phartenfeller Resources: https://github.com/JonasKruckenberg/imagetools https://github.com/JonasKruckenberg/imagetools/issues/260 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source https://unsplash.com/photos/QzpgqElvSiA Timestamps: 00:00 Intro 00:19 vite-imagetools 00:36 Reduce width and change format 00:58 HTML Picture element 03:48 Custom component wrapper 04:44 Outro