diff --git a/content/en/docs/project-user-guide/application/app-template.md b/content/en/docs/project-user-guide/application/app-template.md
index 1464327e1..a7e879a7d 100644
--- a/content/en/docs/project-user-guide/application/app-template.md
+++ b/content/en/docs/project-user-guide/application/app-template.md
@@ -14,11 +14,11 @@ You can deliver Helm charts to the public repository of KubeSphere or import a p
 
 The public repository is also known as the App Store in KubeSphere, accessible to every tenant in a workspace. After [uploading the Helm chart of an app](../../../workspace-administration/upload-helm-based-application/), you can deploy your app to test its functions and submit it for review. Ultimately, you have the option to release it the App Store after it is approved. For more information, see [Application Lifecycle Management](../../../application-store/app-lifecycle-management/).
 
-![app-store](/images/docs/project-user-guide/applications/app-templates/app-store.jpg)
+![app-store](/images/docs/project-user-guide/applications/app-templates/app-store.png)
 
 For a private repository, only users with required permissions are allowed to [add private repositories](../../../workspace-administration/app-repository/import-helm-repository/) in a workspace. Generally, the private repository is built based on object storage services, such as MinIO. After imported to KubeSphere, these private repositories serve as application pools to provide app templates.
 
-![private-app-repository](/images/docs/project-user-guide/applications/app-templates/private-app-repository.jpg)
+![private-app-repository](/images/docs/project-user-guide/applications/app-templates/private-app-repository.png)
 
 {{< notice note >}}
 
diff --git a/content/zh/docs/project-user-guide/application/app-template.md b/content/zh/docs/project-user-guide/application/app-template.md
index bb3e6ac41..4475ac61c 100644
--- a/content/zh/docs/project-user-guide/application/app-template.md
+++ b/content/zh/docs/project-user-guide/application/app-template.md
@@ -14,11 +14,11 @@ weight: 10110
 
 KubeSphere 的公共仓库也称作应用商店，企业空间中的每位租户都能访问。[上传应用的 Helm Chart](../../../workspace-administration/upload-helm-based-application/) 后，您可以部署应用来测试它的功能，并提交审核。最终待应用审核通过后，您可以选择将它发布至应用商店。有关更多信息，请参见[应用程序生命周期管理](../../../application-store/app-lifecycle-management/)。
 
-![应用商店](/images/docs/zh-cn/project-user-guide/applications/app-templates/app-store.PNG)
+![应用商店](/images/docs/zh-cn/project-user-guide/applications/app-templates/app-store-1.png)
 
 对于私有仓库，只有拥有必要权限的用户才能在企业空间中[添加私有仓库](../../../workspace-administration/app-repository/import-helm-repository/)。一般来说，私有仓库基于对象存储服务构建，例如 MinIO。这些私有仓库在导入 KubeSphere 后会充当应用程序池，提供应用模板。
 
-![私有应用仓库](/images/docs/zh-cn/project-user-guide/applications/app-templates/private-app-repository.PNG)
+![私有应用仓库](/images/docs/zh-cn/project-user-guide/applications/app-templates/private-app-repository-2.png)
 
 {{< notice note >}}
 
diff --git a/static/images/docs/project-user-guide/applications/app-templates/app-store.jpg b/static/images/docs/project-user-guide/applications/app-templates/app-store.jpg
deleted file mode 100644
index 0812352ef..000000000
Binary files a/static/images/docs/project-user-guide/applications/app-templates/app-store.jpg and /dev/null differ
diff --git a/static/images/docs/project-user-guide/applications/app-templates/app-store.png b/static/images/docs/project-user-guide/applications/app-templates/app-store.png
new file mode 100644
index 000000000..165d424fc
Binary files /dev/null and b/static/images/docs/project-user-guide/applications/app-templates/app-store.png differ
diff --git a/static/images/docs/project-user-guide/applications/app-templates/private-app-repository.jpg b/static/images/docs/project-user-guide/applications/app-templates/private-app-repository.jpg
deleted file mode 100644
index 93ccfee8d..000000000
Binary files a/static/images/docs/project-user-guide/applications/app-templates/private-app-repository.jpg and /dev/null differ
diff --git a/static/images/docs/project-user-guide/applications/app-templates/private-app-repository.png b/static/images/docs/project-user-guide/applications/app-templates/private-app-repository.png
new file mode 100644
index 000000000..7401ac77a
Binary files /dev/null and b/static/images/docs/project-user-guide/applications/app-templates/private-app-repository.png differ
diff --git a/static/images/docs/zh-cn/project-user-guide/applications/app-templates/app-store-1.png b/static/images/docs/zh-cn/project-user-guide/applications/app-templates/app-store-1.png
new file mode 100644
index 000000000..60c3c0369
Binary files /dev/null and b/static/images/docs/zh-cn/project-user-guide/applications/app-templates/app-store-1.png differ
diff --git a/static/images/docs/zh-cn/project-user-guide/applications/app-templates/app-store.PNG b/static/images/docs/zh-cn/project-user-guide/applications/app-templates/app-store.PNG
deleted file mode 100644
index da07ff1fd..000000000
Binary files a/static/images/docs/zh-cn/project-user-guide/applications/app-templates/app-store.PNG and /dev/null differ
diff --git a/static/images/docs/zh-cn/project-user-guide/applications/app-templates/private-app-repository-2.png b/static/images/docs/zh-cn/project-user-guide/applications/app-templates/private-app-repository-2.png
new file mode 100644
index 000000000..7f5619da6
Binary files /dev/null and b/static/images/docs/zh-cn/project-user-guide/applications/app-templates/private-app-repository-2.png differ
diff --git a/static/images/docs/zh-cn/project-user-guide/applications/app-templates/private-app-repository.PNG b/static/images/docs/zh-cn/project-user-guide/applications/app-templates/private-app-repository.PNG
deleted file mode 100644
index bd73f3e1b..000000000
Binary files a/static/images/docs/zh-cn/project-user-guide/applications/app-templates/private-app-repository.PNG and /dev/null differ