Svelte Sharp Image

Usage

  1. Create a new api route at /routes/api/image/+server.ts with the following code:
import { optimizeImage } from "svelte-sharp-image/server";
import type { RequestHandler } from "@sveltejs/kit";

export const GET: RequestHandler = async ({ url }) => {
    return await optimizeImage(url);
};

You can also pass in a config to this function:

export type ImageOptimizeConfig = {
    getCache?: (tag: string) => Promise<Buffer | undefined>;
    saveCache?: (tag: string, buffer: Buffer) => Promise<void>;
    safeEndpoints?: string[];
};

There are two default cache functions which you can use exported from the FileCache class.

You can now use the Image.svelte component imported from the svelte-sharp-image package.

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes