🦄 refactor: 图片大小优化

imsyy · May 24, 2024 · 6b9ba74 · 6b9ba74
1 parent 22e2653
commit 6b9ba74
Show file tree

Hide file tree

Showing 114 changed files with 14 additions and 40 deletions.
diff --git a/README.md b/README.md
@@ -2,7 +2,7 @@
 
 > 一个简约的音乐播放器
 
-![main](/screenshot/SPlayer.jpg)
+![main](/screenshots/SPlayer.jpg)
 
 ## 说明
 
@@ -57,49 +57,49 @@
 - 📱 移动端基础适配
 - ~~🌐 `i18n` 支持~~
 
-## 🖼️ screenshot
+## 🖼️ screenshots
 
 > 开发中，仅供参考
 
 <details>
 <summary>主页面</summary>
 
-![主页面](/screenshot/SPlayer%20-%20主页面.jpg)
+![主页面](/screenshots/SPlayer%20-%20主页面.jpg)
 
 </details>
 
 <details>
 <summary>播放页面</summary>
 
-![播放页面](/screenshot/SPlayer%20-%20播放页面.jpg)
+![播放页面](/screenshots/SPlayer%20-%20播放页面.jpg)
 
 </details>
 
 <details>
 <summary>发现页面</summary>
 
-![发现页面](/screenshot/SPlayer%20-%20发现页面.jpg)
+![发现页面](/screenshots/SPlayer%20-%20发现页面.jpg)
 
 </details>
 
 <details>
 <summary>歌单页面</summary>
 
-![发现页面](/screenshot/SPlayer%20-%20歌单页面.jpg)
+![发现页面](/screenshots/SPlayer%20-%20歌单页面.jpg)
 
 </details>
 
 <details>
 <summary>评论页面</summary>
 
-![发现页面](/screenshot/SPlayer%20-%20评论页面.jpg)
+![发现页面](/screenshots/SPlayer%20-%20评论页面.jpg)
 
 </details>
 
 <details>
 <summary>本地音乐</summary>
 
-![发现页面](/screenshot/SPlayer%20-%20本地音乐.jpg)
+![发现页面](/screenshots/SPlayer%20-%20本地音乐.jpg)
 
 </details>
 
@@ -162,7 +162,7 @@ docker run -d --name SPlayer -p 7899:7899 imsyy/splayer:latest
 
 5. 将 `Build and Output Settings` 中的 `Output Directory` 改为 `out/renderer`
 
-   ![build](/screenshot/build.png)
+   ![build](/screenshots/build.jpg)
 
 6. 点击 `Deploy`，即可成功部署
 

diff --git a/public/images/icons/android-chrome-192x192.png b/public/images/icons/android-chrome-192x192.png
diff --git a/public/images/icons/android-chrome-512x512.png b/public/images/icons/android-chrome-512x512.png
diff --git a/public/images/icons/apple-touch-icon.png b/public/images/icons/apple-touch-icon.png
diff --git a/public/images/icons/favicon-16x16.png b/public/images/icons/favicon-16x16.png
diff --git a/public/images/icons/favicon-192x192.png b/public/images/icons/favicon-192x192.png
diff --git a/public/images/icons/favicon-256x256.png b/public/images/icons/favicon-256x256.png
diff --git a/public/images/icons/favicon-32x32.png b/public/images/icons/favicon-32x32.png
diff --git a/public/images/icons/favicon-512x512.png b/public/images/icons/favicon-512x512.png
diff --git a/public/images/icons/favicon-96x96.png b/public/images/icons/favicon-96x96.png
diff --git a/public/images/icons/favicon.ico b/public/images/icons/favicon.ico
diff --git a/public/images/icons/favicon.png b/public/images/icons/favicon.png
diff --git a/public/images/icons/favicon.svg b/public/images/icons/favicon.svg
diff --git a/public/images/icons/mstile-150x150.png b/public/images/icons/mstile-150x150.png
diff --git a/public/images/icons/next-dark.png b/public/images/icons/next-dark.png
diff --git a/public/images/icons/next-light.png b/public/images/icons/next-light.png
diff --git a/public/images/icons/open-dark.png b/public/images/icons/open-dark.png
diff --git a/public/images/icons/open-light.png b/public/images/icons/open-light.png
diff --git a/public/images/icons/pause-dark.png b/public/images/icons/pause-dark.png
diff --git a/public/images/icons/pause-light.png b/public/images/icons/pause-light.png
diff --git a/public/images/icons/play-dark.png b/public/images/icons/play-dark.png
diff --git a/public/images/icons/play-light.png b/public/images/icons/play-light.png
diff --git a/public/images/icons/power-dark.png b/public/images/icons/power-dark.png
diff --git a/public/images/icons/power-light.png b/public/images/icons/power-light.png
diff --git a/public/images/icons/prev-dark.png b/public/images/icons/prev-dark.png
diff --git a/public/images/icons/prev-light.png b/public/images/icons/prev-light.png
diff --git a/public/images/icons/safari-pinned-tab.svg b/public/images/icons/safari-pinned-tab.svg
diff --git a/public/images/icons/setting-dark.png b/public/images/icons/setting-dark.png
diff --git a/public/images/icons/setting-light.png b/public/images/icons/setting-light.png
diff --git a/public/images/pic/album.jpg b/public/images/pic/album.jpg
diff --git a/public/images/pic/artist.jpg b/public/images/pic/artist.jpg
diff --git a/public/images/pic/avatar.jpg b/public/images/pic/avatar.jpg
diff --git a/public/images/pic/cover-2.jpg b/public/images/pic/cover-2.jpg
diff --git a/public/images/pic/cover.jpg b/public/images/pic/cover.jpg
diff --git a/public/images/pic/default.jpg b/public/images/pic/default.jpg
diff --git a/public/images/pic/like.jpg b/public/images/pic/like.jpg
diff --git a/public/images/pic/pl-1.jpg b/public/images/pic/pl-1.jpg
diff --git a/public/images/pic/pl-2.jpg b/public/images/pic/pl-2.jpg
diff --git a/public/images/pic/pl-3.jpg b/public/images/pic/pl-3.jpg
diff --git a/public/images/pic/pl-4.jpg b/public/images/pic/pl-4.jpg
diff --git a/public/images/pic/pointer.png b/public/images/pic/pointer.png
diff --git a/public/images/pic/radar-private.jpg b/public/images/pic/radar-private.jpg
diff --git a/public/images/pic/radar-treasure.jpg b/public/images/pic/radar-treasure.jpg
diff --git a/public/images/pic/record.png b/public/images/pic/record.png
diff --git a/public/images/pic/song.jpg b/public/images/pic/song.jpg
diff --git a/public/images/pic/video.png b/public/images/pic/video.png
diff --git a/public/images/pic/vip.png b/public/images/pic/vip.png
diff --git a/public/imgs/icons/android-chrome-192x192.png b/public/imgs/icons/android-chrome-192x192.png
diff --git a/public/imgs/icons/android-chrome-512x512.png b/public/imgs/icons/android-chrome-512x512.png
diff --git a/public/imgs/icons/apple-touch-icon.png b/public/imgs/icons/apple-touch-icon.png
diff --git a/public/imgs/icons/favicon-16x16.png b/public/imgs/icons/favicon-16x16.png
diff --git a/public/imgs/icons/favicon-192x192.png b/public/imgs/icons/favicon-192x192.png
diff --git a/public/imgs/icons/favicon-256x256.png b/public/imgs/icons/favicon-256x256.png
diff --git a/public/imgs/icons/favicon-32x32.png b/public/imgs/icons/favicon-32x32.png
diff --git a/public/imgs/icons/favicon-512x512.png b/public/imgs/icons/favicon-512x512.png
diff --git a/public/imgs/icons/favicon-96x96.png b/public/imgs/icons/favicon-96x96.png
diff --git a/public/imgs/icons/favicon.png b/public/imgs/icons/favicon.png
diff --git a/public/imgs/icons/mstile-150x150.png b/public/imgs/icons/mstile-150x150.png
diff --git a/public/imgs/icons/next-dark.png b/public/imgs/icons/next-dark.png
diff --git a/public/imgs/icons/next-light.png b/public/imgs/icons/next-light.png
diff --git a/public/imgs/icons/open-dark.png b/public/imgs/icons/open-dark.png
diff --git a/public/imgs/icons/open-light.png b/public/imgs/icons/open-light.png
diff --git a/public/imgs/icons/pause-dark.png b/public/imgs/icons/pause-dark.png
diff --git a/public/imgs/icons/pause-light.png b/public/imgs/icons/pause-light.png
diff --git a/public/imgs/icons/play-dark.png b/public/imgs/icons/play-dark.png
diff --git a/public/imgs/icons/play-light.png b/public/imgs/icons/play-light.png
diff --git a/public/imgs/icons/power-dark.png b/public/imgs/icons/power-dark.png
diff --git a/public/imgs/icons/power-light.png b/public/imgs/icons/power-light.png
diff --git a/public/imgs/icons/prev-dark.png b/public/imgs/icons/prev-dark.png
diff --git a/public/imgs/icons/prev-light.png b/public/imgs/icons/prev-light.png
diff --git a/public/imgs/icons/setting-dark.png b/public/imgs/icons/setting-dark.png
diff --git a/public/imgs/icons/setting-light.png b/public/imgs/icons/setting-light.png
diff --git a/public/imgs/pic/album.jpg b/public/imgs/pic/album.jpg
diff --git a/public/imgs/pic/album.png b/public/imgs/pic/album.png
diff --git a/public/imgs/pic/artist.jpg b/public/imgs/pic/artist.jpg
diff --git a/public/imgs/pic/avatar.jpg b/public/imgs/pic/avatar.jpg
diff --git a/public/imgs/pic/avatar.png b/public/imgs/pic/avatar.png
diff --git a/public/imgs/pic/cover-2.jpg b/public/imgs/pic/cover-2.jpg
diff --git a/public/imgs/pic/cover.jpg b/public/imgs/pic/cover.jpg
diff --git a/public/imgs/pic/default.jpg b/public/imgs/pic/default.jpg
diff --git a/public/imgs/pic/hot-list.png b/public/imgs/pic/hot-list.png
diff --git a/public/imgs/pic/like.jpg b/public/imgs/pic/like.jpg
diff --git a/public/imgs/pic/pl-1.jpg b/public/imgs/pic/pl-1.jpg
diff --git a/public/imgs/pic/pl-2.jpg b/public/imgs/pic/pl-2.jpg
diff --git a/public/imgs/pic/pl-3.jpg b/public/imgs/pic/pl-3.jpg
diff --git a/public/imgs/pic/pl-4.jpg b/public/imgs/pic/pl-4.jpg
diff --git a/public/imgs/pic/radar-private.jpg b/public/imgs/pic/radar-private.jpg
diff --git a/public/imgs/pic/radar-treasure.jpg b/public/imgs/pic/radar-treasure.jpg
diff --git a/public/imgs/pic/record.png b/public/imgs/pic/record.png
diff --git a/public/imgs/pic/song.jpg b/public/imgs/pic/song.jpg
diff --git a/public/imgs/pic/video.jpg b/public/imgs/pic/video.jpg
diff --git a/public/imgs/pic/video.png b/public/imgs/pic/video.png
diff --git a/public/imgs/pic/vip.png b/public/imgs/pic/vip.png
diff --git a/screenshot/SPlayer - 主页面.jpg b/screenshot/SPlayer - 主页面.jpg
diff --git a/screenshot/SPlayer - 发现页面.jpg b/screenshot/SPlayer - 发现页面.jpg
diff --git a/screenshot/SPlayer - 播放页面.jpg b/screenshot/SPlayer - 播放页面.jpg
diff --git a/screenshot/SPlayer - 本地音乐.jpg b/screenshot/SPlayer - 本地音乐.jpg
diff --git a/screenshot/SPlayer - 歌单页面.jpg b/screenshot/SPlayer - 歌单页面.jpg
diff --git a/screenshot/SPlayer - 评论页面.jpg b/screenshot/SPlayer - 评论页面.jpg
diff --git a/screenshot/SPlayer.jpg b/screenshot/SPlayer.jpg
diff --git a/screenshot/build.png b/screenshot/build.png
diff --git a/screenshots/SPlayer - 主页面.jpg b/screenshots/SPlayer - 主页面.jpg
diff --git a/screenshots/SPlayer - 发现页面.jpg b/screenshots/SPlayer - 发现页面.jpg
diff --git a/screenshots/SPlayer - 播放页面.jpg b/screenshots/SPlayer - 播放页面.jpg
diff --git a/screenshots/SPlayer - 本地音乐.jpg b/screenshots/SPlayer - 本地音乐.jpg
diff --git a/screenshots/SPlayer - 歌单页面.jpg b/screenshots/SPlayer - 歌单页面.jpg
diff --git a/screenshots/SPlayer - 评论页面.jpg b/screenshots/SPlayer - 评论页面.jpg
diff --git a/screenshots/SPlayer.jpg b/screenshots/SPlayer.jpg
diff --git a/screenshots/build.jpg b/screenshots/build.jpg
diff --git a/src/components/List/CommentList.vue b/src/components/List/CommentList.vue
@@ -25,7 +25,7 @@
                 >
                   <template #placeholder>
                     <div class="cover-loading">
-                      <img class="loading-img" src="/imgs/pic/avatar.jpg?assest" alt="avatar" />
+                      <img class="loading-img" src="/imgs/pic/avatar.png?assest" alt="avatar" />
                     </div>
                   </template>
                 </n-image>

diff --git a/src/views/Artist/index.vue b/src/views/Artist/index.vue
@@ -18,7 +18,7 @@
           >
             <template #placeholder>
               <div class="cover-loading">
-                <img class="loading-img" src="/imgs/pic/avatar.jpg?assest" alt="avatar" />
+                <img class="loading-img" src="/imgs/pic/avatar.png?assest" alt="avatar" />
               </div>
             </template>
           </n-image>

diff --git a/src/views/List/dj.vue b/src/views/List/dj.vue
@@ -34,7 +34,7 @@
           <div class="creator">
             <n-avatar
               :src="(djDetail.creator?.avatarUrl + '?param=300y$300').replace(/^http:/, 'https:')"
-              fallback-src="/imgs/pic/avatar.jpg?assest"
+              fallback-src="/imgs/pic/avatar.png?assest"
               round
             />
             <n-text class="nickname">{{ djDetail.creator?.nickname || "未知创建者" }}</n-text>

diff --git a/src/views/List/playlist.vue b/src/views/List/playlist.vue
@@ -39,7 +39,7 @@
               :src="
                 (playListDetail.creator?.avatarUrl + '?param=300y$300').replace(/^http:/, 'https:')
               "
-              fallback-src="/imgs/pic/avatar.jpg?assest"
+              fallback-src="/imgs/pic/avatar.png?assest"
               round
             />
             <n-text class="nickname">{{ playListDetail.creator?.nickname || "未知创建者" }}</n-text>

diff --git a/src/views/Player.vue b/src/views/Player.vue
@@ -174,7 +174,7 @@
             >
               <template #placeholder>
                 <div class="cover-loading">
-                  <img class="loading-img" src="/imgs/pic/avatar.jpg?assest" alt="song" />
+                  <img class="loading-img" src="/imgs/pic/avatar.png?assest" alt="song" />
                 </div>
               </template>
             </n-image>