diff --git a/mindinsight/profiler/README.md b/mindinsight/profiler/README.md
index 0a57b6c9..317ec476 100644
--- a/mindinsight/profiler/README.md
+++ b/mindinsight/profiler/README.md
@@ -65,7 +65,7 @@ Figure 2 displays the Step Trace page. The Step Trace detail will show the start
 can also choose a specific step to see its step trace statistics. The graphs at the bottom of the page show how the execution time of Step Gap, Forward/Backward Propagation and
 Step Tail changes according to different steps, it will help to decide whether we can optimize the performance of some stages.
 
-*Notice:* MindSpore choose the Foward Start/Backward End Operators automatically, The names of the two operators are shown on the page. Profiler do not guarantee that the two operators are
+*Notice:* MindSpore choose the Forward Start/Backward End Operators automatically, The names of the two operators are shown on the page. Profiler do not guarantee that the two operators are
 always chosen as the user's expectation. Users can choose the two operators according to the execution graph, and specify the them manually by setting the `FP_POINT` and `BP_POINT` environment variables.
 For example: `export FP_POINT=fp32_vars/conv2d/conv2Dfp32_vars/BatchNorm/FusedBatchNorm_Reduce` and `export BP_POINT=loss_scale/gradients/AddN_70`. 
 
@@ -138,6 +138,17 @@ The Timeline component can display：
 - The MindSpore stream split strategy for this neural network;
 - The time of tasks executed on the device.
 
+How to view the timeline:
+
+To view the detailed information of the timeline, you can click the "Download" button to save the file with the timeline information locally, and then view it through the tool.
+
+We recommend you to use Google plugin: chrome://tracing, or Perfetto tool: https://ui.perfetto.dev/#!viewer.
+
+- Select one of the tools mentioned above, enter the address in the browser and press Enter;
+- After entered the page, click the button to load the file to view the timeline.
+- For chrome tracing, using "load" button in the upper left corner.
+- For Perfetto, using "Open trace file" in the left column.
+
 Users can get the most detailed information from the Timeline:
 
 - From high level, users can analyse whether the stream split strategy can be optimized and whether the step tail is too long;
diff --git a/mindinsight/profiler/images/data_op_profile.png b/mindinsight/profiler/images/data_op_profile.png
index 6a03815b..b83408e9 100644
Binary files a/mindinsight/profiler/images/data_op_profile.png and b/mindinsight/profiler/images/data_op_profile.png differ
diff --git a/mindinsight/profiler/images/minddata_profile.png b/mindinsight/profiler/images/minddata_profile.png
index 035939f5..79dfad25 100644
Binary files a/mindinsight/profiler/images/minddata_profile.png and b/mindinsight/profiler/images/minddata_profile.png differ
diff --git a/mindinsight/profiler/images/performance_overall.png b/mindinsight/profiler/images/performance_overall.png
index 2d627f97..3aa536d5 100644
Binary files a/mindinsight/profiler/images/performance_overall.png and b/mindinsight/profiler/images/performance_overall.png differ
diff --git a/mindinsight/profiler/images/step_trace.png b/mindinsight/profiler/images/step_trace.png
index 6c54e790..49c8bb72 100644
Binary files a/mindinsight/profiler/images/step_trace.png and b/mindinsight/profiler/images/step_trace.png differ
diff --git a/mindinsight/profiler/images/timeline.png b/mindinsight/profiler/images/timeline.png
index 21453967..19c60e10 100644
Binary files a/mindinsight/profiler/images/timeline.png and b/mindinsight/profiler/images/timeline.png differ