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 125490eb3479c011da6e754edfe9db9a01d01a04..074bf4239805eed129ca850402cce6b2520f6355 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
@@ -71,10 +71,10 @@ struct AspectRatioExample {
```
**图1** 竖屏显示
-![zh-cn_image_0000001219744205](figures/zh-cn_image_0000001219744205.gif)
+![zh-cn_image_0000001219744205](figures/zh-cn_image_0000001219744205.PNG)
**图2** 横屏显示
-![zh-cn_image_0000001174264382](figures/zh-cn_image_0000001174264382.gif)
+![zh-cn_image_0000001174264382](figures/zh-cn_image_0000001174264382.PNG)
```ts
class ContainerInfo {