img4web
Image converter for adaptive web pages.
Installation
First download and install GraphicsMagick or ImageMagick.
Local installation
npm install --save-dev img4web
Global installation
npm install -g img4web
Usage
To run the converter in command line
img4web --help# # Usage: img4web [options] # # Options: # # -h, --help output usage information # --src-file <file> Specify source file (override --src-dir and --src-ext) # --src-dir <dir> Specify source dir # --src-ext <extensions> Specify source extensions # --out-dir <dir> Specify output dir # --out-format <format> Specify output format #
Run the converter using
img4web --src-dir ./tmp/src --src-ext jpg,png,gif \--out-dir ./tmp/out --out-format \'sm1=ext:jpg,width:420,height:240,quality:80,strip:true,interlance:Line;\md1=ext:jpg,width:640,height:480:quality:90,strip:true,interlance:Line'
To run the converter using npm, you can specify scripts in package.json
You can specify the config in .img4webrc
Alternatively, you can specify the field img4web
in your package.json
And specify scripts in package.json
Usage result
tag picture
CSS media queries
{}{}
Dependencies
babel-core * babel-runtime * babel-plugin-transform-runtime * babel-plugin-transform-object-rest-spread * babel-preset-es2015 * babel-preset-es2017 * commander * gm * mkdirp * recursive-readdir
Note on Patches/Pull Requests
- Fork the project.
- Make your feature addition or bug fix.
- Send me a pull request.