ImageMin

Minify images seamlessly

ImageMin er et feature til gulp, der let kan installeres via NPM. ImageMin gør det lettere for udvikleren, at minify billedfiler uden at der ses et fald i kvalitet.

I eksemplet til venstre ses et orginalt billede på 2,17 Mb, som minifiseres til 1,84 Mb. Dette virker umiddelbart ikke som noget stort, men det svarer til 346 Kb (15,2%). De 15,2% vil betyde meget mere, når der er tale om større projekter med mange flere og større billedfiler.

Kode

I vores gulpfile.js har vi kodet ImageMin til at fungere uafhængig af vores Gulp watch. Dette betyder, at vi manuelt skal køre ImageMin, for at komprimere eventuelle billedfiler. Vi har valgt at kode den uafhængigt, da vores watch funktion skal kører hurtigt, så andre funktioner ikke sænkes.

Når ImageMin køres, komprimeres billedfiler fra vores ../img/original mappe, og placeres i ../img mappe. Så er billedfilerne klar til at blive benyttet til webudvikling.