W3Cschool
恭喜您成為首批注冊用戶
獲得88經驗值獎勵
根據(jù) Http Archive 的數(shù)據(jù),圖像是網(wǎng)站加載速度的最大貢獻者。因此,如果你的應用程序包含圖像或圖標,請務必對它們進行優(yōu)化!
你可以選擇多種手動選項(GIMP、Photoshop、Squoosh),或使用你喜歡的前端構建工具的插件(vite-imagetools、vite-plugin-imagemin、image-minimizer-webpack-plugin)。
請注意,大多數(shù)插件使用的 imagemin 庫已經官方停止維護。
使用現(xiàn)代圖像格式 像 Webp 或 Avif 這樣的格式相對于 JPEG 可以實現(xiàn)高達 95% 的尺寸減小,同時保持出色的視覺精度。你可以使用像 Squoosh 這樣的工具來嘗試不同的格式對你的圖像進行壓縮。
按照圖像的大小選擇尺寸 沒有人會感激你在應用程序中包含了 6K 像素的未經處理圖像,所以請確保按照圖像的實際需要來選擇尺寸。在屏幕上顯示較大的圖像應該要比占用較少屏幕空間的圖像更大一些。
不要使用響應式圖像 在 Web 環(huán)境中,應該使用響應式圖像來根據(jù)每個用戶的需要動態(tài)加載正確的圖像尺寸。由于你不會動態(tài)分發(fā)圖像到網(wǎng)頁上,使用響應式圖像只會在你的應用程序中不必要地膨脹,增加了冗余拷貝。
去除元數(shù)據(jù) 直接從相機或圖片庫中獲取的圖像通常包含有關相機和鏡頭型號或攝影師的元數(shù)據(jù)。這些不僅是浪費的字節(jié),而且元數(shù)據(jù)屬性還可能包含潛在的敏感信息,如照片的拍攝時間、日期和地點。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: