diff --git a/content/zh/docs/devops-user-guide/how-to-integrate/sonarqube.md b/content/zh/docs/devops-user-guide/how-to-integrate/sonarqube.md
index c0aa9712b..050381700 100644
--- a/content/zh/docs/devops-user-guide/how-to-integrate/sonarqube.md
+++ b/content/zh/docs/devops-user-guide/how-to-integrate/sonarqube.md
@@ -281,4 +281,4 @@ kubectl -n kubesphere-system rollout restart deploy ks-console
 
 您[使用图形编辑面板创建流水线](../../how-to-use/create-a-pipeline-using-graphical-editing-panel/)或[使用 Jenkinsfile 创建流水线](../../how-to-use/create-a-pipeline-using-jenkinsfile/)之后，可以查看代码质量分析的结果。如果 SonarQube 成功运行，您可能会看到下图所示结果。
 
-![sonarqube-view-result](/images/docs/zh-cn/devops-user-guide/tool-integration/integrate-sonarqube-into-pipelines/sonarqube-view-result.png)
\ No newline at end of file
+![code-analysis](/images/docs/zh-cn/devops-user-guide/tool-integration/integrate-sonarqube-into-pipelines/code-analysis.png)
\ No newline at end of file
diff --git a/static/images/docs/zh-cn/devops-user-guide/tool-integration/integrate-sonarqube-into-pipelines/code-analysis.png b/static/images/docs/zh-cn/devops-user-guide/tool-integration/integrate-sonarqube-into-pipelines/code-analysis.png
new file mode 100644
index 000000000..f50bc84ee
Binary files /dev/null and b/static/images/docs/zh-cn/devops-user-guide/tool-integration/integrate-sonarqube-into-pipelines/code-analysis.png differ
diff --git a/static/images/docs/zh-cn/devops-user-guide/tool-integration/integrate-sonarqube-into-pipelines/sonarqube-view-result.png b/static/images/docs/zh-cn/devops-user-guide/tool-integration/integrate-sonarqube-into-pipelines/sonarqube-view-result.png
deleted file mode 100644
index 5f210134e..000000000
Binary files a/static/images/docs/zh-cn/devops-user-guide/tool-integration/integrate-sonarqube-into-pipelines/sonarqube-view-result.png and /dev/null differ