compress gif images

entrypoints/options/components/Usage.vue

@@ -5,9 +5,9 @@ defineOptions({ name: 'Usage' })
 const login1 = ref(browser.runtime.getURL('/images/login1.png'))
 const login2 = ref(browser.runtime.getURL('/images/login2.png'))
 const selectWorkbook = ref(browser.runtime.getURL('/images/select-workbook.png'))
-const collectWord = ref(browser.runtime.getURL('/images/collect-word.gif'))
-const searchWord = ref(browser.runtime.getURL('/images/search-word.gif'))
-const manageWordbook = ref(browser.runtime.getURL('/images/manage-wordbook.gif'))
+const collectWord = ref(browser.runtime.getURL('/images/collect-word-min.gif'))
+const searchWord = ref(browser.runtime.getURL('/images/search-word-min.gif'))
+const manageWordbook = ref(browser.runtime.getURL('/images/manage-wordbook-min.gif'))
 </script>
 
 <template>

entrypoints/options/usage.html

@@ -73,15 +73,15 @@ <h4>百词斩助手使用手册</h4>
       浏览相关页面时，使用鼠标划词后会显示一个图标（使用默认配置时），点击该图标后会
       弹出一个翻译内容的弹窗，点击星形图标可收藏（取消收藏）单词。
     </p>
-    <img src="~/images/collect-word.gif" style="height: 400px" />
+    <img src="~/images/collect-word-min.gif" style="height: 400px" />
 
     <p><strong>搜索单词并收藏</strong></p>
     <p>
       点击浏览器右上角「扩展程序」图标，点击「百词斩助手」扩展，进入搜索页面。
       输入搜索的单词，点击搜索按钮或者输入回车键，显示搜索结果，点击单词进入
       详情（详情内容与上述「单词详情内容」设置有关）。点击星形图标可收藏（取消收藏）单词。
     </p>
-    <img src="~/images/search-word.gif" style="height: 400px" />
+    <img src="~/images/search-word-min.gif" style="height: 400px" />
     <br />
     <br />
 
@@ -93,6 +93,6 @@ <h4>百词斩助手使用手册</h4>
       点击每行单词前星形图标可取消收藏单词。
       勾中「隐藏释义」、「隐藏英文」选项，可以隐藏单词释义和原文。
     </p>
-    <img src="~/images/manage-wordbook.gif" style="height: 400px" />
+    <img src="~/images/manage-wordbook-min.gif" style="height: 400px" />
   </body>
 </html>