Tauri 優(yōu)化圖片

根據(jù) Http Archive 的數(shù)據(jù)，圖像是網(wǎng)站加載速度的最大貢獻(xiàn)者。因此，如果你的應(yīng)用程序包含圖像或圖標(biāo)，請(qǐng)務(wù)必對(duì)它們進(jìn)行優(yōu)化！

你可以選擇多種手動(dòng)選項(xiàng)（GIMP、Photoshop、Squoosh），或使用你喜歡的前端構(gòu)建工具的插件（vite-imagetools、vite-plugin-imagemin、image-minimizer-webpack-plugin）。

請(qǐng)注意，大多數(shù)插件使用的 imagemin 庫(kù)已經(jīng)官方停止維護(hù)。

使用現(xiàn)代圖像格式 像 Webp 或 Avif 這樣的格式相對(duì)于 JPEG 可以實(shí)現(xiàn)高達(dá) 95% 的尺寸減小，同時(shí)保持出色的視覺(jué)精度。你可以使用像 Squoosh 這樣的工具來(lái)嘗試不同的格式對(duì)你的圖像進(jìn)行壓縮。

按照?qǐng)D像的大小選擇尺寸 沒(méi)有人會(huì)感激你在應(yīng)用程序中包含了 6K 像素的未經(jīng)處理圖像，所以請(qǐng)確保按照?qǐng)D像的實(shí)際需要來(lái)選擇尺寸。在屏幕上顯示較大的圖像應(yīng)該要比占用較少屏幕空間的圖像更大一些。

不要使用響應(yīng)式圖像 在 Web 環(huán)境中，應(yīng)該使用響應(yīng)式圖像來(lái)根據(jù)每個(gè)用戶的需要?jiǎng)討B(tài)加載正確的圖像尺寸。由于你不會(huì)動(dòng)態(tài)分發(fā)圖像到網(wǎng)頁(yè)上，使用響應(yīng)式圖像只會(huì)在你的應(yīng)用程序中不必要地膨脹，增加了冗余拷貝。

去除元數(shù)據(jù) 直接從相機(jī)或圖片庫(kù)中獲取的圖像通常包含有關(guān)相機(jī)和鏡頭型號(hào)或攝影師的元數(shù)據(jù)。這些不僅是浪費(fèi)的字節(jié)，而且元數(shù)據(jù)屬性還可能包含潛在的敏感信息，如照片的拍攝時(shí)間、日期和地點(diǎn)。