diff --git a/frontend/src/utils/utils.js b/frontend/src/utils/utils.js
index 11377c6bbf..c9b4ce7d73 100644
--- a/frontend/src/utils/utils.js
+++ b/frontend/src/utils/utils.js
@@ -106,6 +106,10 @@ export const Utils = {
     'bmp': 'pic.png',
     'ico': 'pic.png',
     'heic': 'pic.png',
+    'tif': 'pic.png',
+    'tiff': 'pic.png',
+    'webp': 'pic.png',
+    'jfif': 'pic.png',
 
     // photoshop file
     'psd': 'psd.png',