diff --git a/README.md b/README.md
index d0f29de8..dd020ab2 100644
--- a/README.md
+++ b/README.md
@@ -9,6 +9,10 @@
 A Clash Meta GUI based on <a href="https://github.com/tauri-apps/tauri">Tauri</a>.
 </h3>
 
+## Preview
+
+![preview](./docs/preview.png)
+
 ## Install
 
 请到发布页面下载对应的安装包：[Release page](https://github.com/clash-verge-rev/clash-verge-rev/releases)<br>
@@ -43,10 +47,6 @@ Supports Windows (x64/x86), Linux (x64/arm64) and macOS 10.15+ (intel/apple).
 - Built-in support [Clash.Meta(mihomo)](https://github.com/MetaCubeX/mihomo) core.
 - System proxy setting and guard.
 
-## Preview
-
-![preview](./docs/preview.gif)
-
 ### FAQ
 
 Refer to [Doc FAQ Page](https://clash-verge-rev.github.io/faq.html)
diff --git a/docs/preview.gif b/docs/preview.gif
deleted file mode 100644
index 135ff6e6..00000000
Binary files a/docs/preview.gif and /dev/null differ
diff --git a/docs/preview.png b/docs/preview.png
new file mode 100644
index 00000000..fac127bc
Binary files /dev/null and b/docs/preview.png differ