diff --git a/webapp/components/TeaserImage/TeaserImage.vue b/webapp/components/TeaserImage/TeaserImage.vue
index d5b618c03..dc096710d 100644
--- a/webapp/components/TeaserImage/TeaserImage.vue
+++ b/webapp/components/TeaserImage/TeaserImage.vue
@@ -100,8 +100,9 @@ export default {
           thumbnailElement.appendChild(image)
           // Remove the editor from view
           editor.parentNode.removeChild(editor)
-          this.$emit('addTeaserImage', blob)
-        })
+          const croppedImageFile = new File([blob], file.name, { type: 'image/jpeg' })
+          this.$emit('addTeaserImage', croppedImageFile)
+        }, 'image/jpeg')
       })
       editor.appendChild(confirm)