gif formats are not supported

.changeset/gentle-clouds-crash.md

@@ -0,0 +1,5 @@
+---
+'@astrojs/image': minor
+---
+
+gif formats are not supported

packages/integrations/image/src/build/ssg.ts

@@ -190,7 +190,13 @@ export async function ssgBuild({
 
 			// a valid cache file wasn't found, transform the image and cache it
 			if (!data) {
-				const transformed = await loader.transform(inputBuffer, transform);
+				let transformed;
+				if (transform.src.includes('.gif')) {
+					const gifLoader = await (await import('../loaders/sharp.js')).default;
+					transformed = await gifLoader.transform(inputBuffer, transform);
+				} else {
+					transformed = await loader.transform(inputBuffer, transform);
+				}
 				data = transformed.data;
 
 				// cache the image, if available

packages/integrations/image/src/endpoint.ts

@@ -36,15 +36,20 @@ export const get: APIRoute = async ({ request }) => {
 		if (!inputBuffer) {
 			return new Response('Not Found', { status: 404 });
 		}
+		let transformed;
+		if (transform.src.includes('.gif')) {
+			const gifLoader = await (await import('./loaders/sharp.js')).default;
+			transformed = await gifLoader.transform(inputBuffer, transform);
+		} else {
+			transformed = await loader.transform(inputBuffer, transform);
+		}
 
-		const { data, format } = await loader.transform(inputBuffer, transform);
-
-		return new Response(data, {
+		return new Response(transformed.data, {
 			status: 200,
 			headers: {
-				'Content-Type': mime.getType(format) || '',
+				'Content-Type': mime.getType(transformed.format) || '',
 				'Cache-Control': 'public, max-age=31536000',
-				ETag: etag(data.toString()),
+				ETag: etag(transformed.data.toString()),
 				Date: new Date().toUTCString(),
 			},
 		});