diff --git a/README_zh.md b/README_zh.md
old mode 100755
new mode 100644
index 27b0ff799..64cd4063e
--- a/README_zh.md
+++ b/README_zh.md
@@ -433,7 +433,7 @@
   <td ></td>
  </tr>
  <tr>
- <![if supportMisalignedColumns]>
+<![if supportMisalignedColumns]>
    <tr height="18" style="display:none;">
    </tr>
   <![endif]>
diff --git a/code/UI/ArkTsComponentCollection/ComponentCollection/README_zh.md b/code/UI/ArkTsComponentCollection/ComponentCollection/README_zh.md
index 37a72ff96..3f94a403a 100644
--- a/code/UI/ArkTsComponentCollection/ComponentCollection/README_zh.md
+++ b/code/UI/ArkTsComponentCollection/ComponentCollection/README_zh.md
@@ -6,11 +6,11 @@
 
 ### 效果预览
 
-| 绑定                                          | 通用                                               | 动画                                                            | 全局方法                                               |
-|---------------------------------------------|--------------------------------------------------|---------------------------------------------------------------|----------------------------------------------------|
-| ![image](screenshots/devices/component.png) | ![image](screenshots/devices/general.png)        | ![image](screenshots/devices/animation.png)                   | ![image](screenshots/devices/global.png)           |
-| <center>Button 按钮</center>                  | <center>onClick 点击事件</center>                    | <center>元素共享转场</center>                                       | <center>警告弹窗</center>                              |
-| ![image](screenshots/devices/button_zh.png) | ![image](screenshots/devices/click_event_zh.png) | ![image](screenshots/devices/share_element_transition_zh.png) | ![image](screenshots/devices/warning_popup_zh.png) |
+| 绑定                                                         | 通用                                                       | 动画                                                                           | 全局方法                                                              |
+|------------------------------------------------------------|----------------------------------------------------------|------------------------------------------------------------------------------|-------------------------------------------------------------------|
+| <img src="screenshots/devices/component.jpeg" width="270"> | <img src="screenshots/devices/general.jpeg" width="270"> | <img src="screenshots/devices/animation.jpeg" width="270">                   | <img src="screenshots/devices/global.jpeg" width="270">           |
+| <center>Button 按钮</center>                                 | <center>onClick 点击事件</center>                            | <center>元素共享转场</center>                                                      | <center>警告弹窗</center>                                             |
+|<img src="screenshots/devices/button_zh.jpeg" width="270">              | <img src="screenshots/devices/click_event_zh.jpeg" width="270">         | <img src="screenshots/devices/share_element_transition_zh.jpeg" width="270"> | <img src="screenshots/devices/warning_popup_zh.jpeg" width="270"> |
 
 使用说明：
 
diff --git a/code/UI/ArkTsComponentCollection/ComponentCollection/screenshots/devices/animation.jpeg b/code/UI/ArkTsComponentCollection/ComponentCollection/screenshots/devices/animation.jpeg
new file mode 100644
index 000000000..f10a294ba
Binary files /dev/null and b/code/UI/ArkTsComponentCollection/ComponentCollection/screenshots/devices/animation.jpeg differ
diff --git a/code/UI/ArkTsComponentCollection/ComponentCollection/screenshots/devices/button_zh.jpeg b/code/UI/ArkTsComponentCollection/ComponentCollection/screenshots/devices/button_zh.jpeg
new file mode 100644
index 000000000..d230971df
Binary files /dev/null and b/code/UI/ArkTsComponentCollection/ComponentCollection/screenshots/devices/button_zh.jpeg differ
diff --git a/code/UI/ArkTsComponentCollection/ComponentCollection/screenshots/devices/click_event_zh.jpeg b/code/UI/ArkTsComponentCollection/ComponentCollection/screenshots/devices/click_event_zh.jpeg
new file mode 100644
index 000000000..ac045bcd4
Binary files /dev/null and b/code/UI/ArkTsComponentCollection/ComponentCollection/screenshots/devices/click_event_zh.jpeg differ
diff --git a/code/UI/ArkTsComponentCollection/ComponentCollection/screenshots/devices/component.jpeg b/code/UI/ArkTsComponentCollection/ComponentCollection/screenshots/devices/component.jpeg
new file mode 100644
index 000000000..df9f72131
Binary files /dev/null and b/code/UI/ArkTsComponentCollection/ComponentCollection/screenshots/devices/component.jpeg differ
diff --git a/code/UI/ArkTsComponentCollection/ComponentCollection/screenshots/devices/general.jpeg b/code/UI/ArkTsComponentCollection/ComponentCollection/screenshots/devices/general.jpeg
new file mode 100644
index 000000000..e1c8f1a96
Binary files /dev/null and b/code/UI/ArkTsComponentCollection/ComponentCollection/screenshots/devices/general.jpeg differ
diff --git a/code/UI/ArkTsComponentCollection/ComponentCollection/screenshots/devices/global.jpeg b/code/UI/ArkTsComponentCollection/ComponentCollection/screenshots/devices/global.jpeg
new file mode 100644
index 000000000..42561dffc
Binary files /dev/null and b/code/UI/ArkTsComponentCollection/ComponentCollection/screenshots/devices/global.jpeg differ
diff --git a/code/UI/ArkTsComponentCollection/ComponentCollection/screenshots/devices/share_element_transition_zh.jpeg b/code/UI/ArkTsComponentCollection/ComponentCollection/screenshots/devices/share_element_transition_zh.jpeg
new file mode 100644
index 000000000..95a09458e
Binary files /dev/null and b/code/UI/ArkTsComponentCollection/ComponentCollection/screenshots/devices/share_element_transition_zh.jpeg differ
diff --git a/code/UI/ArkTsComponentCollection/ComponentCollection/screenshots/devices/warning_popup_zh.jpeg b/code/UI/ArkTsComponentCollection/ComponentCollection/screenshots/devices/warning_popup_zh.jpeg
new file mode 100644
index 000000000..aca3138db
Binary files /dev/null and b/code/UI/ArkTsComponentCollection/ComponentCollection/screenshots/devices/warning_popup_zh.jpeg differ