1. 程式人生 > >webpack打包小圖片時進行Base64轉碼

webpack打包小圖片時進行Base64轉碼

webpack 進行 tro base64 strong pac 頁面 ebp -s

關於base64

優點:

  base64就是一串字符串碼表示的圖片,在加載頁面和js時一塊加載出來,減少了加載圖片時的http請求。加載一張圖片時會發起一次http請求,http請求每次建立都會需要一定的時間,對於加載一張小圖來說,下載圖片所需的時間會比建立http請求的時間要短,

所以對小圖進行base64轉碼是優化http請求,保證頁面加速渲染,加快頁面加載速度。

缺點:

  base64會增加圖片本身的大小,對於小圖來說,轉碼增加的大小導致js加載延時能遠遠彌補建立http請求的時長。這種取舍是劃算的。可是對於大圖來說,這樣的取舍是不劃算的。

webpack打包小圖片時進行Base64轉碼