Convert your images to the BPG format
npm install grunt-bpg> Convert your images to the BPG format
This plugin requires bpgenc which is included in libbpg (libbpg is
also available in Homebrew).
In addition, this plugin also requires Grunt ~0.4.4
If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:
``shell`
npm install grunt-bpg --save-dev
Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:
`js`
grunt.loadNpmTasks('grunt-bpg');
to the data object passed into grunt.initConfig().`js
grunt.initConfig({
bpg: {
options: {
// Task-specific options go here.
},
your_target: {
// Target-specific file lists and/or options go here.
},
},
});
`$3
Run
bgpenc -h for the full options.#### options.binpath
Type:
String
Default value: 'bpgenc'The location to the
bpgenc binary.#### options.qp
Type:
Number
Default value: 27An integer value to use as the quantizer parameter. set quantizer
parameter (smaller gives better quality, range: 0-51, default = 28)
#### options.cfmt
Type:
Number
Default value: 420An integer value to use as the preferred chroma format (420, 422, 444, default=420)
#### options.color_space
Type:
Number
Default value: 'ycbcr'A string value to use as the preferred color space (ycbcr, rgb, ycgco, ycbcr_bt709, ycbcr_bt2020, default=ycbcr)
#### options.bit_depth
Type:
Number
Default value: 8An integer value to use as the bit depth (8 to 12, default = 8)
#### options.lossless
Type:
Boolean
Default value: falseEnable lossless mode
#### options.encoder
Type:
String
Default value: 'jctvc'The HEVC encoder (jctvc)
#### options.compression_level
Type:
Number
Default value: 8The compression level (1=fast, 9=slow, default = 8)
$3
#### Default Options
`js
grunt.initConfig({
bpg: {
options: {},
files: [{
expand: true,
src: ['*/.{jpg,png}'],
cwd: 'assets/images',
dest: 'build/images'
}]
},
});
``