diff --git a/ui/src/utils/image.ts b/ui/src/utils/image.ts
index 7573e9a71..a92968cc3 100644
--- a/ui/src/utils/image.ts
+++ b/ui/src/utils/image.ts
@@ -5,6 +5,7 @@ export const imageTypes: string[] = [
   "image/gif",
   "image/webp",
   "image/svg+xml",
+  "image/avif",
 ];
 
 export function isImage(mediaType: string | undefined): boolean {