withastro · sarah11918 · Jun 4, 2023 · May 3, 2023 · Jun 3, 2023 · Jun 3, 2023
diff --git a/src/content/docs/en/core-concepts/endpoints.mdx b/src/content/docs/en/core-concepts/endpoints.mdx
@@ -40,6 +40,18 @@ export async function get({ params, request }) {
 }
 ```
 
+This method of returning a buffer as a response might not work for certain providers like vercel because the `Content-Type` header cannot be specified. For returning images prefer the following way (i.e. return a `Response`-Object):
-This method of returning a buffer as a response might not work for certain providers like vercel because the `Content-Type` header cannot be specified. For returning images prefer the following way (i.e. return a `Response`-Object):
+Certain providers require the `Content-Type` header to return an image. In this case, return a `Response` object instead which allows you to specify a `headers` property. 
+
+For example, to produce a `.png` image on Vercel:
-This method of returning a buffer as a response might not work for certain providers like vercel because the `Content-Type` header cannot be specified. For returning images prefer the following way (i.e. return a `Response`-Object):
+Certain providers require the `Content-Type` header to return an image. In this case, return a `Response` object instead which allows you to specify a `headers` property. 
+
+For example, to produce a `.png` image on Vercel:
+
+```ts title="src/pages/astro-logo.png.ts"
+export async function get({ params, request }) {
+  const response = await fetch("https://docs.astro.build/assets/full-logo-light.png");
+  const buffer = Buffer.from(await response.arrayBuffer());
+  return new Response(buffer, {
+    headers: { "Content-Type": "image/png" },
+  });
+}
+```
+
 You can also type your endpoint functions using the `APIRoute` type:
 
 ```ts