enhanced-img

@sveltejs/enhanced-img serves smaller file formats like avif or webp, generates the right sizes for different devices, and sets width and height to avoid layout shift.

Usage

npx sv add enhanced-img

What you get

• the enhancedImages Vite plugin
• rewrite applicable <img> tags to <enhanced:img>
• sharp added to the allowed builds when using pnpm