Svelte Image CDN SDK

npm install @convertly-sh/image

<script lang="ts">
  import { convertlyImageProps } from "@convertly-sh/image/svelte";

  export let path: string;
  export let alt = "";

  $: image = convertlyImageProps({
    namespace: import.meta.env.PUBLIC_CONVERTLY_CDN_NAMESPACE,
    origin: "site",
    src: path,
    width: 1200,
    sizes: "(min-width: 768px) 50vw, 100vw",
  });
</script>

<img {...image} {alt} />