diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174264382.PNG b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174264382.PNG
new file mode 100644
index 0000000000000000000000000000000000000000..686bffd7667c5af3cf95998c8d657c59ed5b2e2c
Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174264382.PNG differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174264382.gif b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174264382.gif
deleted file mode 100644
index b4c58da1a241d9d4ea1534b67bb7cd5050e90bf6..0000000000000000000000000000000000000000
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174264382.gif and /dev/null differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219744205.PNG b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219744205.PNG
new file mode 100644
index 0000000000000000000000000000000000000000..0bf549138d732961621f74b0aca3d7e0f9bb7f16
Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219744205.PNG differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219744205.gif b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219744205.gif
deleted file mode 100644
index 67ccf57fd6c267e8c420b43c309c143a2dd56a45..0000000000000000000000000000000000000000
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219744205.gif and /dev/null differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-layout-constraints.md b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-layout-constraints.md
index 2f4c4238dc7abc74fafec4152d66e140a35000a3..64c7aa75101343582826beeff31f924447ef3a12 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-layout-constraints.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-layout-constraints.md
@@ -72,10 +72,10 @@ struct AspectRatioExample {
 ```
 
 **图1** 竖屏显示<br>
-![zh-cn_image_0000001219744205](figures/zh-cn_image_0000001219744205.gif)
+![zh-cn_image_0000001219744205](figures/zh-cn_image_0000001219744205.PNG)
 
 **图2** 横屏显示<br>
-![zh-cn_image_0000001174264382](figures/zh-cn_image_0000001174264382.gif)
+![zh-cn_image_0000001174264382](figures/zh-cn_image_0000001174264382.PNG)
 
 ### 示例2