Resize, watermark and optimize images like a pro
- Clone or download and unpack to desired location
- Download and install latest version of node.js
- Install grunt-cli globally:
npm install -g grunt-cli
- Install GraphicsMagick (recommended) or ImageMagick for your OS.
- Get your TinyPNG API key and set it as your environment variable:
set TINYPNG_API_KEY=YOUR_API_KEY_HERE
for Windowsexport TINYPNG_API_KEY=YOUR_API_KEY_HERE
for Linux
- Install project dependencies:
npm install
- Put your watermark image in
source/watermark/
aslogo.png
- Configurate
grunt-gm
task
grunt
— clean, resize and watermark imagesgrunt tinypng
— compress images with tynypnggrunt build
— all operationsgrunt serve
— watch