diff --git a/README.md b/README.md
index e5531bc11..85d58828a 100644
--- a/README.md
+++ b/README.md
@@ -197,13 +197,11 @@ You can see your Note for each slide and the next slide on the Host screen.
 
 > [Lighthouse](https://developers.google.com/web/tools/lighthouse) is an open-source, automated tool for improving the quality of web pages. You can run it against any web page, public or requiring authentication. It has audits for performance, accessibility, progressive web apps, SEO and more.
 
-Fusuma supports improving performance, SEO, and so on as default.
+Fusuma supports improving performance, SEO, and so on as default, analyzes the slide's performance, and outputs like below.
 
-<img src="./site/docs/assets/lighthouse.png" width="500px">
-
-Fusuma analyzes the slide's performance, and outputs like below.
-
-<img src="./output-logs.png" width="500px">
+|        the score of lighthouse         |      output logs       |
+| :------------------------------------: | :--------------------: |
+| ![](./site/docs/assets/lighthouse.png) | ![](./output-logs.png) |
 
 ---
 
diff --git a/output-logs.png b/output-logs.png
index aa7d2498e..038ae1f40 100644
Binary files a/output-logs.png and b/output-logs.png differ
diff --git a/packages/fusuma/src/utils/buildLogs.js b/packages/fusuma/src/utils/buildLogs.js
index 17c9971c7..1b26874a6 100644
--- a/packages/fusuma/src/utils/buildLogs.js
+++ b/packages/fusuma/src/utils/buildLogs.js
@@ -155,7 +155,7 @@ function buildLogs(logs) {
           isAsync ? asyncChunk : syncChunk
         } ${name}`,
         chalk.blue(prettyBytes(size)),
-        gzSize !== 0 ? chalk.blue(prettyBytes(gzSize)) : '',
+        gzSize ? chalk.blue(prettyBytes(gzSize)) : '',
       ]);
     });
 
diff --git a/site/docs/assets/lighthouse.png b/site/docs/assets/lighthouse.png
index e38204ae0..dccc34f1c 100644
Binary files a/site/docs/assets/lighthouse.png and b/site/docs/assets/lighthouse.png differ