diff --git a/backend/app/utils/images.py b/backend/app/utils/images.py
index c3b202205..c9770b584 100644
--- a/backend/app/utils/images.py
+++ b/backend/app/utils/images.py
@@ -310,10 +310,11 @@ def image_util_find_folder_id_for_image(
 def image_util_is_valid_image(file_path: str) -> bool:
     """Check if the file is a valid image with allowed extensions."""
     # Check file extension first
-    allowed_extensions = {".jpg", ".jpeg", ".png"}
+    allowed_extensions = {".jpg", ".jpeg", ".png",".webp"}
     file_extension = Path(file_path).suffix.lower()
 
     if file_extension not in allowed_extensions:
+        # Unsupported image format
         return False
 
     # Then verify it's a valid image
diff --git a/frontend/src/components/EmptyStates/EmptyAITaggingState.tsx b/frontend/src/components/EmptyStates/EmptyAITaggingState.tsx
index f89349524..8eccc224d 100644
--- a/frontend/src/components/EmptyStates/EmptyAITaggingState.tsx
+++ b/frontend/src/components/EmptyStates/EmptyAITaggingState.tsx
@@ -20,7 +20,7 @@ export const EmptyAITaggingState = () => {
         </div>
         <div className="flex items-center gap-2">
           <ImageIcon className="h-4 w-4" />
-          <span>Supports PNG, JPG, JPEG image formats.</span>
+          <span>Supports PNG, JPG, JPEG, WebP image formats.</span>
         </div>
       </div>
     </div>
diff --git a/frontend/src/components/EmptyStates/EmptyGalleryState.tsx b/frontend/src/components/EmptyStates/EmptyGalleryState.tsx
index 881292638..f4f222ab6 100644
--- a/frontend/src/components/EmptyStates/EmptyGalleryState.tsx
+++ b/frontend/src/components/EmptyStates/EmptyGalleryState.tsx
@@ -20,7 +20,7 @@ export const EmptyGalleryState = () => {
         </div>
         <div className="flex items-center gap-2">
           <ImageIcon className="h-4 w-4" />
-          <span>Supports PNG, JPG, JPEG image formats.</span>
+          <span>Supports PNG, JPG, JPEG, WebP image formats.</span>
         </div>
       </div>
     </div>