ResponsiveImage.svelte
A highly optimized image component that automatically generates srcset, sizes, and fallbacks for Core Web Vitals perfection.
<script lang="ts">
// Example usage of our ResponsiveImage component
import ResponsiveImage from '$lib/components/ResponsiveImage.svelte';
</script>
<ResponsiveImage
src="/hero.webp"
alt="Hero illustration"
width={1200}
height={800}
loading="eager"
fetchpriority="high"
/>