From 0dd0a22e75ba25f1c5cc99d7a59bc89882cbfa5b Mon Sep 17 00:00:00 2001
From: Mashiro <57566630+HAOCHENYE@users.noreply.github.com>
Date: Sun, 4 Dec 2022 11:21:40 +0800
Subject: [PATCH] [Docs] Add gif to 15 min tutorial (#748)

* add gif

* replace gif

* minor refine

* replace gif with higher resolution
---
 docs/en/get_started/15_minutes.md    | 4 ++++
 docs/zh_cn/get_started/15_minutes.md | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/docs/en/get_started/15_minutes.md b/docs/en/get_started/15_minutes.md
index 3759c5c5..48f0b8bc 100644
--- a/docs/en/get_started/15_minutes.md
+++ b/docs/en/get_started/15_minutes.md
@@ -238,4 +238,8 @@ System environment:
 2022/08/22 15:52:54 - mmengine - INFO - Epoch(val) [1][313/313]  accuracy: 35.7000
 ```
 
+The corresponding implementation of PyTorch and MMEngine:
+
+![output](https://user-images.githubusercontent.com/57566630/203142869-cfe5f855-f391-4fd4-a80c-beecf1bd111f.gif)
+
 In addition to these basic components, you can also use **executor** to easily combine and configure various training techniques, such as enabling mixed-precision training and gradient accumulation (see [OptimWrapper](../tutorials/optim_wrapper.md)), configuring the learning rate decay curve (see [Metrics & Evaluator](../tutorials/evaluation.md)), and etc.
diff --git a/docs/zh_cn/get_started/15_minutes.md b/docs/zh_cn/get_started/15_minutes.md
index b3fe192f..8ca102f5 100644
--- a/docs/zh_cn/get_started/15_minutes.md
+++ b/docs/zh_cn/get_started/15_minutes.md
@@ -235,4 +235,8 @@ System environment:
 2022/08/22 15:52:54 - mmengine - INFO - Epoch(val) [1][313/313]  accuracy: 35.7000
 ```
 
+基于 PyTorch 和基于 MMEngine 的训练流程对比如下：
+
+![output](https://user-images.githubusercontent.com/57566630/203142869-cfe5f855-f391-4fd4-a80c-beecf1bd111f.gif)
+
 除了以上基础组件，你还可以利用**执行器**轻松地组合配置各种训练技巧，如开启混合精度训练和梯度累积（见 [优化器封装（OptimWrapper）](../tutorials/optim_wrapper.md)）、配置学习率衰减曲线（见 [评测指标与评测器（Metrics & Evaluator）](../tutorials/evaluation.md)）等。