Astro Image CDN SDK

npm install @convertly-sh/image

---
import { createConvertlyCdn } from "@convertly-sh/image";

const cdn = createConvertlyCdn({
  namespace: import.meta.env.PUBLIC_CONVERTLY_CDN_NAMESPACE,
});

const { path, width, sizes, alt } = Astro.props;
const src = cdn.origin("site", path, { w: width, format: "auto" });
const srcset = cdn.originSrcset("site", path, {
  widths: [400, 800, 1200, 1600],
});
---

<img {src} {srcset} {sizes} {alt} loading="lazy" decoding="async" />