diff --git a/README.md b/README.md
index 9a6ad5ab9..c8937149d 100644
--- a/README.md
+++ b/README.md
@@ -13,7 +13,7 @@
   <a href="https://github.com/usememos/memos/discussions">Discussions</a>
 </p>
 
-![demo](https://raw.githubusercontent.com/usememos/memos/main/resources/demo.png)
+![demo](https://raw.githubusercontent.com/usememos/memos/main/resources/demo.webp)
 
 ## 🎯 Intentions
 
diff --git a/resources/demo.png b/resources/demo.png
deleted file mode 100644
index 55ae0103e..000000000
Binary files a/resources/demo.png and /dev/null differ
diff --git a/resources/demo.webp b/resources/demo.webp
new file mode 100644
index 000000000..b94b5930d
Binary files /dev/null and b/resources/demo.webp differ