diff --git a/addons/web_editor/static/src/js/wysiwyg/wysiwyg.js b/addons/web_editor/static/src/js/wysiwyg/wysiwyg.js
index 2c082e2e351..58ee68d88b8 100644
--- a/addons/web_editor/static/src/js/wysiwyg/wysiwyg.js
+++ b/addons/web_editor/static/src/js/wysiwyg/wysiwyg.js
@@ -2960,7 +2960,7 @@ export class Wysiwyg extends Component {
                 res_id: parseInt(resId),
                 data: (isBackground ? el.dataset.bgSrc : el.getAttribute('src')).split(',')[1],
                 alt_data: altData,
-                mimetype: el.getAttribute('src').split(":")[1].split(";")[0],
+                mimetype: el.dataset.mimetype,
                 name: (el.dataset.fileName ? el.dataset.fileName : null),
             },
         );
diff --git a/addons/website/static/tests/tours/snippet_background_edition.js b/addons/website/static/tests/tours/snippet_background_edition.js
index 9f7fc271a66..26586fe8d74 100644
--- a/addons/website/static/tests/tours/snippet_background_edition.js
+++ b/addons/website/static/tests/tours/snippet_background_edition.js
@@ -99,6 +99,29 @@ wTourUtils.registerWebsitePreviewTour('snippet_background_edition', {
 wTourUtils.dragNDrop(snippets[0]),
 wTourUtils.clickOnSnippet(snippets[0]),
 
+// Set background image and save.
+{
+    content: "Click on camera icon",
+    trigger: ".snippet-option-ColoredLevelBackground we-button.fa-camera",
+},
+{
+    content: "Click on image",
+    trigger: ".o_select_media_dialog img[title='test.png']",
+},
+...wTourUtils.clickOnSave(),
+{
+    content: "Check that the image is set",
+    trigger: `iframe section.${snippets[0].id} img[data-original-id]`,
+    isCheck: true,
+},
+...wTourUtils.clickOnEditAndWaitEditMode(),
+wTourUtils.clickOnSnippet(snippets[0]),
+// Remove background image.
+{
+    content: "Click on camera icon",
+    trigger: ".snippet-option-ColoredLevelBackground we-button.fa-camera",
+},
+
 // Add a color combination
 ...checkAndUpdateBackgroundColor({
     changeType: 'cc',