diff --git a/packages/server/src/content/comic.ts b/packages/server/src/content/comic.ts
index f42338e..b8cf940 100644
--- a/packages/server/src/content/comic.ts
+++ b/packages/server/src/content/comic.ts
@@ -14,7 +14,7 @@ interface ComicDesc {
 	character?: string[];
 	tags?: string[];
 }
-const ImageExt = [".gif", ".png", ".jpeg", ".bmp", ".webp", ".jpg"];
+const ImageExt = [".gif", ".png", ".jpeg", ".bmp", ".webp", ".jpg", ".avif"];
 export class ComicReferrer extends createDefaultClass("comic") {
 	desc: ComicDesc | undefined;
 	pagenum: number;
diff --git a/packages/server/src/route/comic.ts b/packages/server/src/route/comic.ts
index cc05aaf..5a35b64 100644
--- a/packages/server/src/route/comic.ts
+++ b/packages/server/src/route/comic.ts
@@ -68,7 +68,7 @@ function releaseZip(path: string) {
 }
 
 async function renderZipImage(ctx: Context, path: string, page: number) {
-	const image_ext = ["gif", "png", "jpeg", "bmp", "webp", "jpg"];
+	const image_ext = ["gif", "png", "jpeg", "bmp", "webp", "jpg", "avif"];
 	const marked = markUseZip(path);
 	const zip = await acquireZip(path, marked);
 	const entries = (await entriesByNaturalOrder(zip)).filter((x) => {