尋找替代imagemin更好的外掛程式

2022-04-29 10:57:08 字數 1268 閱讀 5911

文中列舉了三種方式,前兩種主要還是imagemin外掛程式,一種是常規方式,一種是自帶的深度壓縮方式,最後給出了更一種外掛程式tinypng外掛程式,相信前端小夥伴們都知道這個**,唯一不好的就是使用這個外掛程式前500張是免費的,但是乙個郵箱可以申請乙個key,乙個key可以用500張,所以如果需求量大的可以多申請幾個郵箱或者在官網上面用$購買。不多說貼出**。

const gulp = require('gulp');

const imagemin = require('gulp-imagemin');

const pngquant = require('imagemin-pngquant');

const tinypng = require('gulp-tinypng-compress');

第一種方法:imagemin的常規方法

/*

此方法只能壓縮部分,比如說乙個580k,這個方法只能壓縮到510k,但是在tinypny方法下可以壓縮到100多k

*/gulp.task('imagemin', () =>gulp.src('src/images/*')

.pipe(imagemin())

.pipe(gulp.dest('dist/images'))

);

第二種方法:增加了pngquant外掛程式的高度壓縮外掛程式,但是測試了並沒什麼用。

/*

此方法只能壓縮部分,比如說乙個580k,這個方法只能壓縮到510k,但是在tinypny方法下可以壓縮到100多k

*/gulp.task('imagemin', () =>gulp.src('src/images/*')

.pipe(imagemin())

.pipe(gulp.dest('dist/images'))

);

第三種方法:tinypng外掛程式,官網上面直接壓縮是只有單次20張數量、單張最大5m限制,總數沒有限制。(

/*

tinypng要收費,效果不錯,乙個非qq郵箱可以免費500張

*/gulp.task('tinypng', () =>gulp.src('src/images/*/*')

.pipe(tinypng()).on('error', function

(err) )

.pipe(gulp.dest('dist/images'))

);

最後的任務執行**

gulp.task('default', ['imagemin']);

為您的聚簇索引尋找更好的候選人

為了描述這個技巧,我們將使用adventureworks資料庫的一張表並查詢這張表。我使用的這張表是person.address。下面的螢幕截圖顯示了這張表當前的結構。我們可以看到在這張表有四個索引。圖一為了蒐集一些索引使用資料,我將在adventureworks資料庫中執行下面的查詢5次。sele...

更好的優化

這次介紹幾個更好的優化,回憶一下 損失函式 梯度 優化 一節我們所介紹的內容,我們介紹了最簡單的優化演算法 隨機梯度下降 sgd 然而,這個演算法難以處理一些比較奇怪的情況,讓我們來看看。引例損失函式的梯度登高表述如下圖等高線,在這類函式上如果執行sgd,由於在豎直方向上梯度比較高,所以步長 梯度帶...

替代方法 聲母替代 遺漏的矯治方法

本節課程 言語訓練的知識與技巧 之 聲母替代 遺漏的矯治方法 本期,馬老師講解了聲母替代 遺漏有哪些常見的出錯現象及具體矯治辦法,並進行詳細分析。聲母替代 遺漏的矯治方法 言語訓練的知識與技巧 主要講述了聽障兒童不同的 階段,言語訓練的內容 技巧與側重點。從 初期家長關心的聽能問題入手,講解聽能反應...