diff --git a/apps/frontend/src/components/media/new.uploader.tsx b/apps/frontend/src/components/media/new.uploader.tsx
index be292f37..f5d5e2b5 100644
--- a/apps/frontend/src/components/media/new.uploader.tsx
+++ b/apps/frontend/src/components/media/new.uploader.tsx
@@ -88,7 +88,7 @@ export function useUppyUploader(props: {
         // Expand generic types to specific ones
         const expandedTypes = allowedTypes.flatMap((type) => {
           if (type === 'image/*') {
-            return ['image/png', 'image/jpeg', 'image/jpg', 'image/gif'];
+            return ['image/png', 'image/jpeg', 'image/jpg', 'image/gif', 'image/webp'];
           }
           if (type === 'video/*') {
             return ['video/mp4', 'video/mpeg'];
diff --git a/libraries/helpers/src/utils/valid.url.path.ts b/libraries/helpers/src/utils/valid.url.path.ts
index fbcc0069..a9021ea5 100644
--- a/libraries/helpers/src/utils/valid.url.path.ts
+++ b/libraries/helpers/src/utils/valid.url.path.ts
@@ -12,6 +12,7 @@ export class ValidUrlExtension implements ValidatorConstraintInterface {
       !!text?.split?.('?')?.[0].endsWith('.jpg') ||
       !!text?.split?.('?')?.[0].endsWith('.jpeg') ||
       !!text?.split?.('?')?.[0].endsWith('.gif') ||
+      !!text?.split?.('?')?.[0].endsWith('.webp') ||
       !!text?.split?.('?')?.[0].endsWith('.mp4')
     );
   }
@@ -19,7 +20,7 @@ export class ValidUrlExtension implements ValidatorConstraintInterface {
   defaultMessage(args: ValidationArguments) {
     // here you can provide default error message if validation failed
     return (
-      'File must have a valid extension: .png, .jpg, .jpeg, .gif, or .mp4'
+      'File must have a valid extension: .png, .jpg, .jpeg, .gif, .webp, or .mp4'
     );
   }
 }