Very Opinionated Example of Using SvelteKit with Vercel Image Optimization

Github Repo

Local Images

Remote Images

Set remote options in scripts/vercel-images.js

Using with Image Sizes

Based on Tailwind Breakpoints (Tailwind not installed or required)

In this example it would tell the browser that the image would be full browser width until `lg` breakpoint at which time it would be 50vw and at `xl` breakpoint it would be 33vw