Image Response

You can use Edge Functions to return an image.

import type { Context } from "@netlify/edge-functions";

export default async (request: Request, context: Context) => {

  // Return an internal image using a rewrite
  // This image is stored in the /public directory of this project
  return new URL("/apple-touch-icon.png", request.url);

  // OR

  // Use fetch() and return the image response
  const kitten = await fetch("https://placekitten.com/g/300/300");
  return kitten;
};

See this in action

• Return an image stored in your project
• Return an image from the internet
• View the code for the internal image request: image-internal.ts
• View the code for the external image request: image-external.ts