diff --git a/README.en.md b/README.en.md
index 4a15be7c7835a8fe9e0593f4b475c439aa8c9288..e557821cbc7883380525615cdb92472463992101 100644
--- a/README.en.md
+++ b/README.en.md
@@ -5,7 +5,7 @@
 This sample shows how to display the web pages in an instant manner by using pre-rendering.
 
 ### Preview
-![](screenshots/device/WebPreRender.en.gif)
+![](screenshots/device/phone_EN.png)
 
 Instructions:
 1. Tap the title to open the dialog box and load the web page.
diff --git a/README.md b/README.md
index f05e869371178f900e067b4126bd86088bee65a8..d6ac0d401543a9edf65ff6233277dbce985adb10 100644
--- a/README.md
+++ b/README.md
@@ -1,11 +1,11 @@
-# Web页面瞬开效果实践
+# 基于预渲染技术实现Web页面瞬开效果
 
 ### 介绍
 
-本示例使用预渲染实现了Web页面的瞬开效果。
+本示例基于预渲染技术，实现了点击后Web页面瞬间打开的效果，无需额外加载过程，减少用户等待时长，提高了用户体验。
 
 ### 效果预览
-![](screenshots/device/WebPreRender.gif)
+![](screenshots/device/phone.png)
 
 使用说明：
 1. 点击标签打开弹窗，加载Web网页。
diff --git a/screenshots/device/WebPreRender.en.gif b/screenshots/device/WebPreRender.en.gif
deleted file mode 100644
index 181ca44a5db8ea894db050a3d782554b8aed7348..0000000000000000000000000000000000000000
Binary files a/screenshots/device/WebPreRender.en.gif and /dev/null differ
diff --git a/screenshots/device/WebPreRender.gif b/screenshots/device/WebPreRender.gif
deleted file mode 100644
index 40445fb54e2bc972194f0e8eaf9d9191a8072beb..0000000000000000000000000000000000000000
Binary files a/screenshots/device/WebPreRender.gif and /dev/null differ
diff --git a/screenshots/device/phone.png b/screenshots/device/phone.png
new file mode 100644
index 0000000000000000000000000000000000000000..3c88af73657dcce59ad12e023da9c79b8c27a416
Binary files /dev/null and b/screenshots/device/phone.png differ
diff --git a/screenshots/device/phone_EN.png b/screenshots/device/phone_EN.png
new file mode 100644
index 0000000000000000000000000000000000000000..f653e0fe6c95ae7b3d2a099fa4eed8b51643857b
Binary files /dev/null and b/screenshots/device/phone_EN.png differ