diff --git a/bigbluebutton-html5/imports/ui/components/video-preview/virtual-background/service.js b/bigbluebutton-html5/imports/ui/components/video-preview/virtual-background/service.js
index 5bcc177bf0..ce858d9a71 100644
--- a/bigbluebutton-html5/imports/ui/components/video-preview/virtual-background/service.js
+++ b/bigbluebutton-html5/imports/ui/components/video-preview/virtual-background/service.js
@@ -1,6 +1,6 @@
 import logger from '/imports/startup/client/logger';
 
-const MIME_TYPES_ALLOWED = ['image/png', 'image/jpeg'];
+const MIME_TYPES_ALLOWED = ['image/png', 'image/jpeg', 'image/webp'];
 const MAX_FILE_SIZE = 5000; // KBytes
 
 const withObjectStore = ({
diff --git a/bigbluebutton-html5/imports/utils/mimeTypes.js b/bigbluebutton-html5/imports/utils/mimeTypes.js
index 763fe03ffd..9bdf3cbc46 100644
--- a/bigbluebutton-html5/imports/utils/mimeTypes.js
+++ b/bigbluebutton-html5/imports/utils/mimeTypes.js
@@ -13,6 +13,7 @@ export const PDF = 'application/pdf';
 export const JPEG = 'image/jpeg';
 export const PNG = 'image/png';
 export const SVG = 'image/svg+xml';
+export const WEBP = 'image/webp';
 
 export const UPLOAD_SUPORTED = [
   XLS,
diff --git a/bigbluebutton-html5/private/config/settings.yml b/bigbluebutton-html5/private/config/settings.yml
index 6235069816..3e9a738784 100755
--- a/bigbluebutton-html5/private/config/settings.yml
+++ b/bigbluebutton-html5/private/config/settings.yml
@@ -745,6 +745,8 @@ public:
         mime: image/jpeg
       - extension: .png
         mime: image/png
+      - extension: .webp
+        mime: image/webp
   selectRandomUser:
     enabled: true
     countdown: false