圖片資源優化

大圖，例如背景圖片使用jpg或者jpeg格式，格式轉換工具：http://pdftoword.55.la/img2jpg/

在線網站進行圖片壓縮:
https://tinypng.com/
https://www.bejson.com/ui/compress_img/

vue項目工程配置進行圖片壓縮
cnpm i image-webpack-loader -D

//以在打包npm run build 的時候把圖片體積進行壓縮 chainWebpack: config => {process.env.NODE_ENV === 'production' ? config.module.rule('images').test(/\.(png|jpe?g|gif|svg)(\?.*)?$/).use('image-webpack-loader').loader('image-webpack-loader').options({mozjpeg: {progressive: true,quality: 60},bypassOnDebug: true}).end() : null},

項目中，可以結合在線壓縮和配置壓縮來對項目中的圖片體積進行壓縮，來達到訪問提速的效果。

總結

以上是生活随笔為你收集整理的图片资源优化的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。