JavaScript Image CDN SDK

npm install @convertly-sh/image

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

const cdn = createConvertlyCdn({
  namespace: process.env.PUBLIC_CONVERTLY_CDN_NAMESPACE!,
});

const src = cdn.origin("products", "hero.jpg", {
  w: 1200,
  h: 800,
  fit: "cover",
  format: "auto",
});

const srcset = cdn.originSrcset("products", "hero.jpg", {
  widths: [400, 800, 1200, 1600],
});

<img src="{src}" srcset="{srcset}" sizes="100vw" alt="Featured product" />

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

defaultWidths(1200);
// [320, 480, 640, 768, 960, 1200, 1440, 1920, 2400]