diff --git a/frontend/src/routes/files/Index.svelte b/frontend/src/routes/files/Index.svelte
index 88a0f77..b687c35 100644
--- a/frontend/src/routes/files/Index.svelte
+++ b/frontend/src/routes/files/Index.svelte
@@ -6,7 +6,7 @@
     import { t }             from '../../translations.svelte';
     import { user }          from '../../user.svelte';
 
-    const image_extensions = ['jpg','jpeg','gif','png','svg'];
+    const image_extensions = ['jpg','jpeg','gif','png','svg','webp'];
     const router = useTinyRouter();
     let children = $state({});
     let new_dir = $state(null);