diff --git a/.gitattributes b/.gitattributes
index 2a5c122ee6e..4d5058735e4 100644
--- a/.gitattributes
+++ b/.gitattributes
@@ -2,6 +2,4 @@
 *.cr.so filter=lfs diff=lfs merge=lfs -text
 *.gz filter=lfs diff=lfs merge=lfs -text
 *.otf filter=lfs diff=lfs merge=lfs -text
-*.png filter=lfs diff=lfs merge=lfs -text
-*.jpg filter=lfs diff=lfs merge=lfs -text
-*.a filter=lfs diff=lfs merge=lfs -text
\ No newline at end of file
+*.a filter=lfs diff=lfs merge=lfs -text
diff --git a/docs/README.md b/docs/README.md
index 8951827f1ae..4344f5677db 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -58,11 +58,11 @@ Hippy 从底层增加了很多和浏览器相同的接口，方便了开发者
 
 Hippy 的包体积在业内也是非常具有竞争力的。
 
-![包体积1](assets/baodaxiao.png)
+![包体积1](assets/img/baodaxiao.png)
 
 上图是一个空的APK，在引入后终端包大小对比。
 
-![包体积2](assets/jsbao.png)
+![包体积2](assets/img/jsbao.png)
 
 上图是在前端搭建了一个最简单的 ListView 后，前端打出的 JS 的包大小对比。
 
@@ -70,13 +70,13 @@ Hippy 的包体积在业内也是非常具有竞争力的。
 
 ListView 在滑动时的性能对比，Hippy 可以一直保持十分流畅的状态
 
-<img src="assets/listxingneng.png" alt="渲染性能" width="50%"/>
+<img src="assets/img/listxingneng.png" alt="渲染性能" width="50%"/>
 
 ## 内存占用
 
 而在内存占用上，初始化 List 时 Hippy 就略占优势，在滑动了几屏后内存开销的差距越来越大。
 
-![内存占用](assets/listmeicun.png)
+![内存占用](assets/img/listmeicun.png)
 
 ## 跟 Web 接近的开发体验
 
@@ -106,7 +106,7 @@ Hippy 在开发体验上也进行了大量优化，包含但不限于，跟浏
   </p>
  </span>
  <span style="display:flex;flex-direction:column;justify-content:flex-start;align-items: center;margin: 20px">
-  <img src="assets/tv.png" width="50" alt="云视听极光" />
+  <img src="assets/img/tv.png" width="50" alt="云视听极光" />
   <p style="font-size:16px">
   <a target="_blank" style="text-decoration:none;color:#34495e" href="https://tv.qq.com/" title="云视听极光">云视听极光</a>
   </p>
@@ -130,7 +130,7 @@ Hippy 在开发体验上也进行了大量优化，包含但不限于，跟浏
   </p>
  </span>
  <span style="display:flex;flex-direction:column;justify-content:flex-start;align-items: center;margin: 20px">
-  <img src="assets/voov.png" width="50" alt="VOOV直播" />
+  <img src="assets/img/voov.png" width="50" alt="VOOV直播" />
   <p style="font-size:16px">
   <a target="_blank" style="text-decoration:none;color:#34495e" href="https://www.voovlive.com/" title="VOOV直播">VOOV直播</a>
   </p>
@@ -201,15 +201,15 @@ Hippy 在开发体验上也进行了大量优化，包含但不限于，跟浏
   <p style="font-size:16px">CDG大丰满满/自选股团队</p>
  </span>
  <span style="display:flex;flex-direction:column;justify-content:flex-start;align-items: center;width:130px;margin:5px 10px 5px 10px">
-  <img src="assets/qg-team.png" width="50" alt="QGraphics团队" />
+  <img src="assets/img/qg-team.png" width="50" alt="QGraphics团队" />
   <p style="font-size:16px">QGraphics团队</p>
  </span>
  <span style="display:flex;flex-direction:column;justify-content:flex-start;align-items: center;width:130px;margin:5px 10px 5px 10px">
-  <img src="assets/IVW_23.png" width="50" alt="IVWEB团队" />
+  <img src="assets/img/IVW_23.png" width="50" alt="IVWEB团队" />
   <p style="font-size:16px">IVWEB团队</p>
  </span>
  <span style="display:flex;flex-direction:column;justify-content:flex-start;align-items: center;width:130px;margin:5px 10px 5px 10px">
-  <img src="assets/wii-team.png" width="50" alt="游云南WII团队" />
+  <img src="assets/img/wii-team.png" width="50" alt="游云南WII团队" />
   <p style="font-size:16px">游云南WII团队</p>
  </span>
  </div>
@@ -277,7 +277,7 @@ Hippy 在开发体验上也进行了大量优化，包含但不限于，跟浏
 * QQ 群：[784894901](//shang.qq.com/wpa/qunwpa?idkey=7bff52aca3aac75a4f1ba96c1844a5e3b62000351890182eb60311542d75fa1a) - 点击链接启动 QQ 加入，或者复制群号码手工加入
 * QQ群二维码，使用手机QQ扫描加入
 
- ![QQ群二维码](assets/qq-group.png)
+ ![QQ群二维码](assets/img/qq-group.png)
 
 ## 总结
 
diff --git a/docs/assets/vue.css b/docs/assets/css/vue.css
similarity index 100%
rename from docs/assets/vue.css
rename to docs/assets/css/vue.css
diff --git a/docs/assets/img/IVW_23.png b/docs/assets/img/IVW_23.png
new file mode 100644
index 00000000000..1f9df16c2e1
Binary files /dev/null and b/docs/assets/img/IVW_23.png differ
diff --git a/docs/assets/img/baodaxiao.png b/docs/assets/img/baodaxiao.png
new file mode 100644
index 00000000000..4c44ceb193c
Binary files /dev/null and b/docs/assets/img/baodaxiao.png differ
diff --git a/docs/assets/img/border-box.png b/docs/assets/img/border-box.png
new file mode 100644
index 00000000000..ccefd99d370
Binary files /dev/null and b/docs/assets/img/border-box.png differ
diff --git a/docs/assets/img/check-font.png b/docs/assets/img/check-font.png
new file mode 100644
index 00000000000..9d4cd61430e
Binary files /dev/null and b/docs/assets/img/check-font.png differ
diff --git a/docs/assets/img/chrome-inspect-process.png b/docs/assets/img/chrome-inspect-process.png
new file mode 100644
index 00000000000..16748f84d41
Binary files /dev/null and b/docs/assets/img/chrome-inspect-process.png differ
diff --git a/docs/assets/img/confirm-font.png b/docs/assets/img/confirm-font.png
new file mode 100644
index 00000000000..9ddfad074f1
Binary files /dev/null and b/docs/assets/img/confirm-font.png differ
diff --git a/docs/assets/img/copy-font.png b/docs/assets/img/copy-font.png
new file mode 100644
index 00000000000..74c10154a7e
Binary files /dev/null and b/docs/assets/img/copy-font.png differ
diff --git a/docs/assets/img/dynamic_import.png b/docs/assets/img/dynamic_import.png
new file mode 100644
index 00000000000..76481a6cb10
Binary files /dev/null and b/docs/assets/img/dynamic_import.png differ
diff --git a/docs/assets/img/element-inspect.png b/docs/assets/img/element-inspect.png
new file mode 100644
index 00000000000..0f5148bb035
Binary files /dev/null and b/docs/assets/img/element-inspect.png differ
diff --git a/docs/assets/img/flex-direction.png b/docs/assets/img/flex-direction.png
new file mode 100644
index 00000000000..24153228e10
Binary files /dev/null and b/docs/assets/img/flex-direction.png differ
diff --git a/docs/assets/follow_animation.gif b/docs/assets/img/follow_animation.gif
similarity index 100%
rename from docs/assets/follow_animation.gif
rename to docs/assets/img/follow_animation.gif
diff --git a/docs/assets/img/font-project-setup.png b/docs/assets/img/font-project-setup.png
new file mode 100644
index 00000000000..f302de8bec0
Binary files /dev/null and b/docs/assets/img/font-project-setup.png differ
diff --git a/docs/assets/img/hippy-core.png b/docs/assets/img/hippy-core.png
new file mode 100644
index 00000000000..cf7e8f2407f
Binary files /dev/null and b/docs/assets/img/hippy-core.png differ
diff --git a/docs/assets/hippy-logo.ico b/docs/assets/img/hippy-logo.ico
similarity index 100%
rename from docs/assets/hippy-logo.ico
rename to docs/assets/img/hippy-logo.ico
diff --git a/docs/assets/hippy-logo.svg b/docs/assets/img/hippy-logo.svg
similarity index 100%
rename from docs/assets/hippy-logo.svg
rename to docs/assets/img/hippy-logo.svg
diff --git a/docs/assets/img/hippy-react-dev-process.png b/docs/assets/img/hippy-react-dev-process.png
new file mode 100644
index 00000000000..1c506ee2ef2
Binary files /dev/null and b/docs/assets/img/hippy-react-dev-process.png differ
diff --git a/docs/assets/img/hippy-react.png b/docs/assets/img/hippy-react.png
new file mode 100644
index 00000000000..ea90ea92708
Binary files /dev/null and b/docs/assets/img/hippy-react.png differ
diff --git a/docs/assets/img/hippy-vue.png b/docs/assets/img/hippy-vue.png
new file mode 100644
index 00000000000..aeebe7cd5fb
Binary files /dev/null and b/docs/assets/img/hippy-vue.png differ
diff --git a/docs/assets/hmr.gif b/docs/assets/img/hmr.gif
similarity index 100%
rename from docs/assets/hmr.gif
rename to docs/assets/img/hmr.gif
diff --git a/docs/assets/img/info-plist.png b/docs/assets/img/info-plist.png
new file mode 100644
index 00000000000..b34f4424be9
Binary files /dev/null and b/docs/assets/img/info-plist.png differ
diff --git a/docs/assets/img/inspectDebugInfo.png b/docs/assets/img/inspectDebugInfo.png
new file mode 100644
index 00000000000..c9415ee1d43
Binary files /dev/null and b/docs/assets/img/inspectDebugInfo.png differ
diff --git a/docs/assets/img/ios-simulator.png b/docs/assets/img/ios-simulator.png
new file mode 100644
index 00000000000..2f13e6013bd
Binary files /dev/null and b/docs/assets/img/ios-simulator.png differ
diff --git a/docs/assets/img/jsbao.png b/docs/assets/img/jsbao.png
new file mode 100644
index 00000000000..f5b2b09a162
Binary files /dev/null and b/docs/assets/img/jsbao.png differ
diff --git a/docs/assets/img/jsi_structure.png b/docs/assets/img/jsi_structure.png
new file mode 100644
index 00000000000..1c03818ba40
Binary files /dev/null and b/docs/assets/img/jsi_structure.png differ
diff --git a/docs/assets/img/listmeicun.png b/docs/assets/img/listmeicun.png
new file mode 100644
index 00000000000..7c3287a1145
Binary files /dev/null and b/docs/assets/img/listmeicun.png differ
diff --git a/docs/assets/img/listxingneng.png b/docs/assets/img/listxingneng.png
new file mode 100644
index 00000000000..0ca0783b9a6
Binary files /dev/null and b/docs/assets/img/listxingneng.png differ
diff --git a/docs/assets/pk_animation.gif b/docs/assets/img/pk_animation.gif
similarity index 100%
rename from docs/assets/pk_animation.gif
rename to docs/assets/img/pk_animation.gif
diff --git a/docs/assets/img/qg-team.png b/docs/assets/img/qg-team.png
new file mode 100644
index 00000000000..65594a80753
Binary files /dev/null and b/docs/assets/img/qg-team.png differ
diff --git a/docs/assets/img/qq-group.png b/docs/assets/img/qq-group.png
new file mode 100644
index 00000000000..158dafbb891
Binary files /dev/null and b/docs/assets/img/qq-group.png differ
diff --git a/docs/assets/img/safari-dev-process.png b/docs/assets/img/safari-dev-process.png
new file mode 100644
index 00000000000..4f446e3c9cf
Binary files /dev/null and b/docs/assets/img/safari-dev-process.png differ
diff --git a/docs/assets/smile_animation.gif b/docs/assets/img/smile_animation.gif
similarity index 100%
rename from docs/assets/smile_animation.gif
rename to docs/assets/img/smile_animation.gif
diff --git a/docs/assets/img/tv.png b/docs/assets/img/tv.png
new file mode 100644
index 00000000000..3278bdfd1a7
Binary files /dev/null and b/docs/assets/img/tv.png differ
diff --git a/docs/assets/img/voov.png b/docs/assets/img/voov.png
new file mode 100644
index 00000000000..e6a1c965c05
Binary files /dev/null and b/docs/assets/img/voov.png differ
diff --git a/docs/assets/img/wii-team.png b/docs/assets/img/wii-team.png
new file mode 100644
index 00000000000..900600862d4
Binary files /dev/null and b/docs/assets/img/wii-team.png differ
diff --git a/docs/assets/docsify.min.js b/docs/assets/js/docsify.min.js
similarity index 100%
rename from docs/assets/docsify.min.js
rename to docs/assets/js/docsify.min.js
diff --git a/docs/assets/prism-bash.min.js b/docs/assets/js/prism-bash.min.js
similarity index 100%
rename from docs/assets/prism-bash.min.js
rename to docs/assets/js/prism-bash.min.js
diff --git a/docs/assets/prism-cpp.min.js b/docs/assets/js/prism-cpp.min.js
similarity index 100%
rename from docs/assets/prism-cpp.min.js
rename to docs/assets/js/prism-cpp.min.js
diff --git a/docs/assets/prism-css.min.js b/docs/assets/js/prism-css.min.js
similarity index 100%
rename from docs/assets/prism-css.min.js
rename to docs/assets/js/prism-css.min.js
diff --git a/docs/assets/prism-java.min.js b/docs/assets/js/prism-java.min.js
similarity index 100%
rename from docs/assets/prism-java.min.js
rename to docs/assets/js/prism-java.min.js
diff --git a/docs/assets/prism-json.min.js b/docs/assets/js/prism-json.min.js
similarity index 100%
rename from docs/assets/prism-json.min.js
rename to docs/assets/js/prism-json.min.js
diff --git a/docs/assets/prism-jsx.min.js b/docs/assets/js/prism-jsx.min.js
similarity index 100%
rename from docs/assets/prism-jsx.min.js
rename to docs/assets/js/prism-jsx.min.js
diff --git a/docs/assets/prism-objectivec.min.js b/docs/assets/js/prism-objectivec.min.js
similarity index 100%
rename from docs/assets/prism-objectivec.min.js
rename to docs/assets/js/prism-objectivec.min.js
diff --git a/docs/assets/search2.js b/docs/assets/js/search2.js
similarity index 100%
rename from docs/assets/search2.js
rename to docs/assets/js/search2.js
diff --git a/docs/guide/layout.md b/docs/guide/layout.md
index 242d5c77873..a7a71de4ec4 100644
--- a/docs/guide/layout.md
+++ b/docs/guide/layout.md
@@ -6,7 +6,7 @@ Hippy 为了方便前端开发便于理解，样式也采用了 CSS 的盒模型
 
 > PS: Hippy 的盒模型布局对应的是CSS的 `box-sizing` 属性的 `border-box` 类型，具体表现与宽高边距计算可参考[MDN文档 box-sizing](//developer.mozilla.org/zh-CN/docs/Web/CSS/box-sizing)。
 
-![盒模型](../assets/border-box.png)
+![盒模型](../assets/img/border-box.png)
 
 * [width](style/layout.md?id=width)
 * [height](style/layout.md?id=height)
@@ -25,7 +25,7 @@ flexDirection 属性指定了内部元素是如何在 flex 容器中布局的，
 
 > 注意：Hippy 的 flexDirection 与 Web的 flex-direction Web 默认为 `row`, Hippy 默认为 `column`。
 
-<img src="assets/flex-direction.png" alt="flexDirection" width="30%"/>
+<img src="assets/img/flex-direction.png" alt="flexDirection" width="30%"/>
 <br />
 <br />
 
diff --git a/docs/guide/support.md b/docs/guide/support.md
index 6393ed7ef51..242691d36c6 100644
--- a/docs/guide/support.md
+++ b/docs/guide/support.md
@@ -9,4 +9,4 @@
 
 也可以加入 QQ 群 [784894901](//shang.qq.com/wpa/qunwpa?idkey=ce9cd2eb06fd6da26a1a63b70da82edd132964d22998e5154e533822f7b757cc)
 
-[![QQ群](../assets/qq-group.png)](//shang.qq.com/wpa/qunwpa?idkey=ce9cd2eb06fd6da26a1a63b70da82edd132964d22998e5154e533822f7b757cc)
+[![QQ群](../assets/img/qq-group.png)](//shang.qq.com/wpa/qunwpa?idkey=ce9cd2eb06fd6da26a1a63b70da82edd132964d22998e5154e533822f7b757cc)
diff --git a/docs/hippy-react/animation.md b/docs/hippy-react/animation.md
index 9537c67269f..cab0d296e4b 100644
--- a/docs/hippy-react/animation.md
+++ b/docs/hippy-react/animation.md
@@ -8,15 +8,15 @@ Hippy 的动画则是完全由前端传入动画参数，由终端控制每一
 
 * 关注动画
 
-<img src="assets/follow_animation.gif" alt="关注动画" width="30%"/>
+<img src="assets/img/follow_animation.gif" alt="关注动画" width="30%"/>
 
 * 点赞微笑动画
 
-<img src="assets/smile_animation.gif" alt="点赞微笑" width="30%"/>
+<img src="assets/img/smile_animation.gif" alt="点赞微笑" width="30%"/>
 
 * 进度条动画
 
-<img src="assets/pk_animation.gif" alt="PK进度条动画" width="30%"/>
+<img src="assets/img/pk_animation.gif" alt="PK进度条动画" width="30%"/>
 
 ## 让我们开始吧
 
diff --git a/docs/hippy-react/introduction.md b/docs/hippy-react/introduction.md
index c900f154820..06ae800237e 100644
--- a/docs/hippy-react/introduction.md
+++ b/docs/hippy-react/introduction.md
@@ -6,6 +6,6 @@ hippy-react 是基于 Facebook React 的官方自定义渲染器 [react-reconcil
 
 # 架构图
 
-<img src="assets/hippy-react.png" alt="hippy-react 架构图" width="70%"/>
+<img src="assets/img/hippy-react.png" alt="hippy-react 架构图" width="70%"/>
 <br />
 <br />
diff --git a/docs/index.html b/docs/index.html
index 4d0a4a6178d..d3c90d54539 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -11,13 +11,13 @@
   <meta property="og:type" content="article">
   <meta property="og:title" content="Hippy">
   <meta property="og:description" content="Hippy - A Cross-Platform Development Framework">
-  <meta property="og:image" content="assets/hippy-logo.svg">
+  <meta property="og:image" content="assets/img/hippy-logo.svg">
   <meta name="twitter:card" content="summary">
   <meta name="twitter:title" content="Hippy">
   <meta name="twitter:description" content="Hippy - A Cross-Platform Development Framework">
-  <meta name="twitter:image" content="assets/hippy-logo.svg">
-  <link rel="icon" href="assets/hippy-logo.ico">
-  <link rel="stylesheet" href="assets/vue.css" title="vue">
+  <meta name="twitter:image" content="assets/img/hippy-logo.svg">
+  <link rel="icon" href="assets/img/hippy-logo.ico">
+  <link rel="stylesheet" href="assets/css/vue.css" title="vue">
   <style>
       #custom-homepage {
           flex: 1;
@@ -143,15 +143,15 @@
       }
     }
   </script>
-  <script src="assets/docsify.min.js"></script>
-  <script src="assets/prism-jsx.min.js" defer></script>
-  <script src="assets/prism-json.min.js" defer></script>
-  <script src="assets/prism-css.min.js" defer></script>
-  <script src="assets/prism-java.min.js" defer></script>
-  <script src="assets/prism-objectivec.min.js" defer></script>
-  <script src="assets/prism-bash.min.js" defer></script>
-  <script src="assets/prism-cpp.min.js" defer></script>
-  <script src="assets/search2.js" defer></script>
+  <script src="assets/js/docsify.min.js"></script>
+  <script src="assets/js/prism-jsx.min.js" defer></script>
+  <script src="assets/js/prism-json.min.js" defer></script>
+  <script src="assets/js/prism-css.min.js" defer></script>
+  <script src="assets/js/prism-java.min.js" defer></script>
+  <script src="assets/js/prism-objectivec.min.js" defer></script>
+  <script src="assets/js/prism-bash.min.js" defer></script>
+  <script src="assets/js/prism-cpp.min.js" defer></script>
+  <script src="assets/js/search2.js" defer></script>
   <script src="https://cdn-go.cn/aegis/aegis-sdk/latest/aegis.min.26.js"></script>
   <script>
     const aegis = new Aegis({
diff --git a/framework/js/packages/hippy-debug-server/server/index.js b/framework/js/packages/hippy-debug-server/server/index.js
index b618264fc1e..e26189683b2 100644
--- a/framework/js/packages/hippy-debug-server/server/index.js
+++ b/framework/js/packages/hippy-debug-server/server/index.js
@@ -42,7 +42,7 @@ async function startDevServer(args) {
     description: 'hippy instance',
     devtoolsFrontendUrl: `chrome-devtools://devtools/bundled/js_app.html?experiments=true&ws=${host}:${port}/debugger-proxy?role=chrome`,
     devtoolsFrontendUrlCompat: `chrome-devtools://devtools/bundled/inspector.html?experiments=true&v8only=true&ws=${host}:${port}/debugger-proxy?role=chrome`,
-    faviconUrl: 'http://res.imtt.qq.com/hippydoc/img/hippy-logo.ico',
+    faviconUrl: 'https://hippyjs.org/assets/img/hippy-logo.ico',
     title: 'Hippy debug tools for V8',
     type: 'page',
     url: '',
diff --git a/framework/js/packages/hippy-vue/src/runtime/__tests__/modules.test.js b/framework/js/packages/hippy-vue/src/runtime/__tests__/modules.test.js
index 1d5abb601fd..602a75fc094 100644
--- a/framework/js/packages/hippy-vue/src/runtime/__tests__/modules.test.js
+++ b/framework/js/packages/hippy-vue/src/runtime/__tests__/modules.test.js
@@ -64,7 +64,7 @@ test('native device info', (t) => {
 
 test('native ImageLoader', async (t) => {
   t.is(Native.ImageLoader.prefetch(), undefined);
-  t.is(await Native.ImageLoader.getSize('https://static.res.qq.com/nav/3b202b2c44af478caf1319dece33fff2.png'), undefined);
+  t.is(await Native.ImageLoader.getSize('https://user-images.githubusercontent.com/12878546/148736102-7cd9525b-aceb-41c6-a905-d3156219ef16.png'), undefined);
 });
 
 test('native backAndroid', async (t) => {