feat(assets): 将图片资源从 JPG/PNG 更新为 WebP 格式

- 将 MBTI 图标从 PNG 更改为 WebP 格式以优化加载性能
- 更新背景图片路径配置以使用 WebP 图片资源
- 移除对 sessionStorage 中图片 URL 列表的重复设置逻辑
This commit is contained in:
hehh
2025-11-27 02:19:45 +08:00
parent 747021c259
commit 50fcc7454d
12 changed files with 9 additions and 11 deletions

View File

@@ -171,7 +171,7 @@
<span class="mbti-code gradient-text">INFJ</span> <span class="mbti-code gradient-text">INFJ</span>
<span class="mbti-name" data-i18n="mbti.name">Advocate</span> <span class="mbti-name" data-i18n="mbti.name">Advocate</span>
<span class="mbti-icon"> <span class="mbti-icon">
<img src="images/INFJ.png" alt="INFJ" style="width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,0.4)"/> <img src="images/INFJ.webp" alt="INFJ" style="width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,0.4)"/>
</span> </span>
</div> </div>
<p class="mbti-desc" data-i18n="mbti.desc">"理想主义与道德感,果断决绝的行动力。深度洞察与创意,关怀与同理心。"</p> <p class="mbti-desc" data-i18n="mbti.desc">"理想主义与道德感,果断决绝的行动力。深度洞察与创意,关怀与同理心。"</p>

BIN
images/INFJ.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

BIN
images/bj/1.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 691 KiB

BIN
images/bj/2.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 415 KiB

BIN
images/bj/3.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 488 KiB

BIN
images/bj/4.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 MiB

BIN
images/bj/5.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 KiB

BIN
images/bj/6.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
images/bj/7.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 786 KiB

BIN
images/bj/8.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 MiB

View File

@@ -18,13 +18,13 @@ const SiteConfig = {
background: { background: {
imagePaths: [ imagePaths: [
"/images/bj/1.jpg", "/images/bj/1.webp",
"/images/bj/2.jpg", "/images/bj/2.webp",
"/images/bj/3.jpg", "/images/bj/3.webp",
"/images/bj/4.jpg", "/images/bj/4.webp",
"/images/bj/5.jpg", "/images/bj/5.webp",
"/images/bj/6.jpg", "/images/bj/6.webp",
"/images/bj/7.jpg" "/images/bj/7.webp"
] ]
}, },

View File

@@ -50,17 +50,15 @@ $(document).ready(function () {
* 自定义壁纸 * 自定义壁纸
*/ */
var imgUrls = JSON.parse(sessionStorage.getItem("imgUrls")); var imgUrls = JSON.parse(sessionStorage.getItem("imgUrls"));
var index = sessionStorage.getItem("index");
var $panel = $('#panel'); var $panel = $('#panel');
var date = new Date(); var date = new Date();
var dayOfWeek = date.getDay(); var dayOfWeek = date.getDay();
if (imgUrls == null) { if (imgUrls == null) {
imgUrls = []; imgUrls = [];
index = 0;
SiteConfig.background.imagePaths.forEach(path => { SiteConfig.background.imagePaths.forEach(path => {
imgUrls.push(path); imgUrls.push(path);
}); });
sessionStorage.setItem("imgUrls", JSON.stringify(imgUrls)); //sessionStorage.setItem("imgUrls", JSON.stringify(imgUrls));
// sessionStorage.setItem("index", index); // sessionStorage.setItem("index", index);
} else { } else {
// if (index == imgUrls.length) // if (index == imgUrls.length)