diff --git a/src/lib/media/util.ts b/src/lib/media/util.ts
index 73f9748745..36b342204a 100644
--- a/src/lib/media/util.ts
+++ b/src/lib/media/util.ts
@@ -8,8 +8,8 @@ export function getDataUriSize(uri: string): number {
   return Math.round((uri.length * 3) / 4)
 }
 
-export function isUriImage(uri: string) {
-  return /\.(jpg|jpeg|png).*$/.test(uri)
+export function isUriImage(uri: string): boolean {
+  return /\.(jpg|jpeg|png|webp).*$/.test(uri)
 }
 
 export function blobToDataUri(blob: Blob): Promise<string> {