diff --git a/web/src/js/components/ContentView/ContentViews.jsx b/web/src/js/components/ContentView/ContentViews.jsx
index 387c940af..4da81c8f3 100644
--- a/web/src/js/components/ContentView/ContentViews.jsx
+++ b/web/src/js/components/ContentView/ContentViews.jsx
@@ -7,7 +7,7 @@ import { MessageUtils } from '../../flow/utils'
 import CodeEditor from './CodeEditor'
 
 
-const isImage = /^image\/(png|jpe?g|gif|vnc.microsoft.icon|x-icon)$/i
+const isImage = /^image\/(png|jpe?g|gif|webp|vnc.microsoft.icon|x-icon)$/i
 ViewImage.matches = msg => isImage.test(MessageUtils.getContentType(msg))
 ViewImage.propTypes = {
     flow: PropTypes.object.isRequired,