diff --git a/docs/chapter_preface/suggestions.assets/animation.gif b/docs/chapter_preface/suggestions.assets/animation.gif
deleted file mode 100644
index 60f53f20b..000000000
Binary files a/docs/chapter_preface/suggestions.assets/animation.gif and /dev/null differ
diff --git a/docs/chapter_preface/suggestions.assets/comment.gif b/docs/chapter_preface/suggestions.assets/comment.gif
deleted file mode 100644
index e7a74cf9e..000000000
Binary files a/docs/chapter_preface/suggestions.assets/comment.gif and /dev/null differ
diff --git a/docs/chapter_preface/suggestions.assets/running_code.gif b/docs/chapter_preface/suggestions.assets/running_code.gif
deleted file mode 100644
index dfe175310..000000000
Binary files a/docs/chapter_preface/suggestions.assets/running_code.gif and /dev/null differ
diff --git a/docs/chapter_preface/suggestions.md b/docs/chapter_preface/suggestions.md
index 0d8e033a0..481a539f7 100644
--- a/docs/chapter_preface/suggestions.md
+++ b/docs/chapter_preface/suggestions.md
@@ -162,7 +162,7 @@
 
 在阅读本书时，如果发现某段内容提供了动画或图解，**建议以图为主线**，以文字（通常位于图像上方）为辅，综合两者来理解内容。
 
-![动画图解示例](suggestions.assets/animation.gif)
+![动画图解示例](../index.assets/animation.gif)
 
 ## 在代码实践中加深理解
 
@@ -170,7 +170,7 @@
 
 如果学习时间有限，建议你至少通读并运行所有代码。如果时间充裕，**建议参照代码自行敲一遍**。与仅阅读代码相比，编写代码的过程往往能带来更多收获。
 
-![运行代码示例](suggestions.assets/running_code.gif)
+![运行代码示例](../index.assets/running_code.gif)
 
 **第一步：安装本地编程环境**。请参照[附录教程](https://www.hello-algo.com/chapter_appendix/installation/)进行安装，如果已安装则可跳过此步骤。
 
@@ -194,4 +194,4 @@ git clone https://github.com/krahets/hello-algo.git
 
 同时，也希望您能在评论区多花些时间。一方面，您可以了解大家遇到的问题，从而查漏补缺，这将有助于激发更深入的思考。另一方面，希望您能慷慨地回答其他小伙伴的问题、分享您的见解，让大家共同学习和进步。
 
-![评论区示例](suggestions.assets/comment.gif)
+![评论区示例](../index.assets/comment.gif)
diff --git a/docs/index.assets/comment.gif b/docs/index.assets/comment.gif
index e7a74cf9e..7e69eefc4 100644
Binary files a/docs/index.assets/comment.gif and b/docs/index.assets/comment.gif differ