From first request to automated in three steps.
Refract is driven entirely by URL parameters. Point it at an image origin, append parameters, and the render is fetched, transformed, and cached at the edge on demand.
Quickstart
Create an API key and connect your origin.
Generate a key and point Refract at an existing image origin. Originals are fetched on demand and cached at the edge — never re-uploaded, never stored permanently.
Request your first transform.
Append parameters to the source URL. Every render is a plain GET.
https://demo.refract.dev/hero.jpg?w=1200&fm=auto&q=80
Automate with the SDK.
Build the same URLs in code.
import { refract } from "@refract/js";
const url = refract("hero.jpg", { width: 1200, format: "auto", quality: 80 });
// → https://demo.refract.dev/hero.jpg?w=1200&fm=auto&q=80
Parameter reference
Ten parameters, chainable in any order. Three are negotiated server-side from the request and never need to be set by hand.