diff --git a/content/en/devops/_index.md b/content/en/devops/_index.md
index 33616b65f..4b6f7b72b 100644
--- a/content/en/devops/_index.md
+++ b/content/en/devops/_index.md
@@ -9,13 +9,13 @@ section1:
   content: KubeSphere DevOps provides CI/CD pipeline based on Jenkins, and offers automated workflows including binary-to-image (B2I) and source-to-image (S2I), helps organizations accelerate time to market for their product.
   image: /images/devops/banner.jpg
 
-image: /images/devops/dev-ops.svg
+image: /images/devops/dev-ops.png
 
 section2:
   title: Automatically Checkout Code, Test, Analyse, Build, Deploy and Release
   list:
     - title: Out-of-box CI/CD Pipeline
-      image: /images/devops/CD-pipeline.svg
+      image: /images/devops/CD-pipeline.png
       contentList:
         - content: <span>Easy to integrate with your SCM,</span> supporting GitLab / GitHub / BitBucket / SVN
         - content: <span>Design a graphical editing panel</span> to create CI/CD pipelines, without writing Jenkinsfile
@@ -24,7 +24,7 @@ section2:
         - content: <span>Provide dynamic build agents</span> to automatically spin up Pods as necessary
 
     - title: Built-in Automated Toolkits
-      image: /images/devops/Built-in-automated-toolkits.svg
+      image: /images/devops/Built-in-automated-toolkits.png
       contentList:
         - content: <span>Source to Image</span> builds reproducible container images from source code without writing dockerfile
         - content: <span>Binary-to-image</span> is the bridge between your artifact and a runnable image
@@ -32,7 +32,7 @@ section2:
         - content: <span>Provide excellent recoverability and flexibility</span> as you can rebuild and rerun S2I / B2I whenever a patch is needed
 
     - title: Use GitOps to implement DevOps, not just culture
-      image: /images/devops/Clear-insight.svg
+      image: /images/devops/Clear-insight.png
       contentList:
         - content: <span>Combine Git with Kubernetes’ convergence, and automates the cloud native Apps delivery</span>
         - content: <span>Designed for teams, offer built-in multitenancy in DevOps project</span>
diff --git a/content/zh/devops/_index.md b/content/zh/devops/_index.md
index d40f3bd37..709e1c33d 100644
--- a/content/zh/devops/_index.md
+++ b/content/zh/devops/_index.md
@@ -9,13 +9,13 @@ section1:
   content: KubeSphere DevOps provides CI/CD pipeline based on Jenkins, and offers automated workflows including binary-to-image (B2I) and source-to-image (S2I), helps organizations accelerate time to market for their product.
   image: /images/devops/banner.jpg
 
-image: /images/devops/dev-ops.svg
+image: /images/devops/dev-ops.png
 
 section2:
   title: Automatically Checkout Code, Test, Analyse, Build, Deploy and Release
   list:
     - title: Out-of-box CI/CD Pipeline
-      image: /images/devops/CD-pipeline.svg
+      image: /images/devops/CD-pipeline.png
       contentList:
         - content: <span>Easy to integrate with your SCM,</span> supporting GitLab / GitHub / BitBucket / SVN
         - content: <span>Design a graphical editing panel</span> to create CI/CD pipelines, without writing Jenkinsfile
@@ -24,7 +24,7 @@ section2:
         - content: <span>Provide dynamic build agents</span> to automatically spin up Pods as necessary
 
     - title: Built-in Automated Toolkits
-      image: /images/devops/Built-in-automated-toolkits.svg
+      image: /images/devops/Built-in-automated-toolkits.png
       contentList:
         - content: <span>Source to Image</span> builds reproducible container images from source code without writing dockerfile
         - content: <span>Binary-to-image</span> is the bridge between your artifact and a runnable image
@@ -32,7 +32,7 @@ section2:
         - content: <span>Provide excellent recoverability and flexibility</span> as you can rebuild and rerun S2I / B2I whenever a patch is needed
 
     - title: Use GitOps to implement DevOps, not just culture
-      image: /images/devops/Clear-insight.svg
+      image: /images/devops/Clear-insight.png
       contentList:
         - content: <span>Combine Git with Kubernetes’ convergence, and automates the cloud native Apps delivery</span>
         - content: <span>Designed for teams, offer built-in multitenancy in DevOps project</span>
diff --git a/layouts/index.html b/layouts/index.html
index c09cc4dcd..1fd14c2cf 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -18,7 +18,7 @@
     <img class='img2' src="/images/home/left.svg" alt="{{ i18n "background image"}}">
     <img class='img4' src="/images/home/46.svg" alt="{{ i18n "background image"}}">
   </div>
-  <img class='img1' src="/images/home/bg.jpg" alt="{{ i18n "background image"}}">
+  <img class='img1' src="/images/home/bg.png" alt="{{ i18n "background image"}}">
   <img class='img2' src="/images/home/12-3.png" alt="{{ i18n "background image"}}">
   <img class='img3' src="/images/home/2.svg" alt="{{ i18n "background image"}}">
   {{ end }}
diff --git a/static/images/devops/Built-in-automated-toolkits.png b/static/images/devops/Built-in-automated-toolkits.png
new file mode 100644
index 000000000..c09b2e8c4
Binary files /dev/null and b/static/images/devops/Built-in-automated-toolkits.png differ
diff --git a/static/images/devops/CD-pipeline.png b/static/images/devops/CD-pipeline.png
new file mode 100644
index 000000000..1cca1510c
Binary files /dev/null and b/static/images/devops/CD-pipeline.png differ
diff --git a/static/images/devops/Clear-insight.png b/static/images/devops/Clear-insight.png
new file mode 100644
index 000000000..f8ec90a1b
Binary files /dev/null and b/static/images/devops/Clear-insight.png differ
diff --git a/static/images/devops/dev-ops.png b/static/images/devops/dev-ops.png
new file mode 100644
index 000000000..64ff0e59e
Binary files /dev/null and b/static/images/devops/dev-ops.png differ
diff --git a/static/images/home/4.png b/static/images/home/4.png
index 5a28b6bef..c1b1f1b86 100644
Binary files a/static/images/home/4.png and b/static/images/home/4.png differ
diff --git a/static/images/home/5.png b/static/images/home/5.png
index 559777599..e7f562114 100644
Binary files a/static/images/home/5.png and b/static/images/home/5.png differ
diff --git a/static/images/home/53.png b/static/images/home/53.png
index f094c47e3..57a86564f 100644
Binary files a/static/images/home/53.png and b/static/images/home/53.png differ
diff --git a/static/images/home/6.png b/static/images/home/6.png
index f46d3866d..c0142594e 100644
Binary files a/static/images/home/6.png and b/static/images/home/6.png differ
diff --git a/static/images/home/74.png b/static/images/home/74.png
index 5333a147b..e40a9b497 100644
Binary files a/static/images/home/74.png and b/static/images/home/74.png differ
diff --git a/static/images/home/applications.png b/static/images/home/applications.png
index a6c107e7e..ad6a873ad 100644
Binary files a/static/images/home/applications.png and b/static/images/home/applications.png differ
diff --git a/static/images/home/applications2.png b/static/images/home/applications2.png
index 4d87257b6..3285e8af8 100644
Binary files a/static/images/home/applications2.png and b/static/images/home/applications2.png differ
diff --git a/static/images/home/bg.png b/static/images/home/bg.png
index 67da76826..1b1ec92f5 100644
Binary files a/static/images/home/bg.png and b/static/images/home/bg.png differ
diff --git a/static/images/home/section4-left.png b/static/images/home/section4-left.png
index bfd0af62b..fa8d1cc69 100644
Binary files a/static/images/home/section4-left.png and b/static/images/home/section4-left.png differ