diff --git a/README.md b/README.md
index 566d53e80..c781706b1 100644
--- a/README.md
+++ b/README.md
@@ -65,10 +65,21 @@ Please report unacceptable behavior to dev@skywalking.apache.org .
   - Password: admin
 
 # Screenshot
-<img src="https://skywalkingtest.github.io/page-resources/5.0.0-beta2/Dashboard.png"/>
-
-
-- [See all screenshots](/docs/Screenshots.md)
+<table>
+  <tr>
+    <td width="50%" align="center"><b>Under javaagent observing</b></td>
+    <td width="50%" align="center"><b>Observe on Istio</b></td>
+  </tr>
+  <tr>
+    <td><img src="https://skywalkingtest.github.io/page-resources/6.0.0-alpha/Topology.png"/>
+</td>
+    <td><img src="https://skywalkingtest.github.io/page-resources/6.0.0-alpha/Istio/Topology.png"/>
+</td>
+   <tr>
+     <td align="center"><a href="docs/Screenshots.md#agent">More screenshots</a></td>
+     <td align="center"><a href="docs/Screenshots.md#istio">More screenshots</a></td>
+  </tr>
+</table>
 
 # Compiling project
 Follow this [document](docs/en/guides/How-to-build.md).
diff --git a/docs/Screenshots.md b/docs/Screenshots.md
index 47526866b..c27f0d113 100644
--- a/docs/Screenshots.md
+++ b/docs/Screenshots.md
@@ -1,22 +1,40 @@
+# Agent
+
 - Overview dashboard
-<img src="https://skywalkingtest.github.io/page-resources/5.0.0-beta2/Dashboard.png"/>
+<img src="https://skywalkingtest.github.io/page-resources/6.0.0-alpha/Dashboard.png"/>
 
 - Discovery topological graph of application clusters automatically.
-<img src="https://skywalkingtest.github.io/page-resources/5.0.0-beta2/Topology.png"/>
+<img src="https://skywalkingtest.github.io/page-resources/6.0.0-alpha/Topology.png"/>
 
-- Application overview
-<img src="https://skywalkingtest.github.io/page-resources/5.0.0-beta2/application.png"/>
+- Service overview
+<img src="https://skywalkingtest.github.io/page-resources/6.0.0-alpha/service.png"/>
 
 - Process(VM) metrics
-<img src="https://skywalkingtest.github.io/page-resources/5.0.0-beta2/server.png"/>
+<img src="https://skywalkingtest.github.io/page-resources/6.0.0-alpha/Service_instance_info.png"/>
 
 - Service metrics
-<img src="https://skywalkingtest.github.io/page-resources/5.0.0-beta2/Service.png"/>
+<img src="https://skywalkingtest.github.io/page-resources/6.0.0-alpha/endpoint.png"/>
 
 - Trace
-<img src="https://skywalkingtest.github.io/page-resources/5.0.0-beta2/trace_list.png"/>
+<img src="https://skywalkingtest.github.io/page-resources/6.0.0-alpha/trace.png"/>
 
-<img src="https://skywalkingtest.github.io/page-resources/5.0.0-beta2/trace.png"/>
+<img src="https://skywalkingtest.github.io/page-resources/6.0.0-alpha/Trace-detail.png"/>
 
 - Alarm
-<img src="https://skywalkingtest.github.io/page-resources/5.0.0-beta2/application-alarm.png"/>
+<img src="https://skywalkingtest.github.io/page-resources/6.0.0-alpha/service-alarm.png"/>
+
+# Istio
+- Overview dashboard
+<img src="https://skywalkingtest.github.io/page-resources/6.0.0-alpha/Istio/Dashboard.png"/>
+
+- Discovery topological graph of application clusters automatically.
+<img src="https://skywalkingtest.github.io/page-resources/6.0.0-alpha/Istio/Topology.png"/>
+
+- Service overview
+<img src="https://skywalkingtest.github.io/page-resources/6.0.0-alpha/Istio/Service.png"/>
+
+- Service instance metrics
+<img src="https://skywalkingtest.github.io/page-resources/6.0.0-alpha/Istio/Service-instance-info.png"/>
+
+- Service metrics
+<img src="https://skywalkingtest.github.io/page-resources/6.0.0-alpha/Istio/endpoint.png"/>