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_HEREfor Windowsexport TINYPNG_API_KEY=YOUR_API_KEY_HEREfor Linux
- Install project dependencies:
npm install - Put your watermark image in
source/watermark/aslogo.png - Configurate
grunt-gmtask
grunt— clean, resize and watermark imagesgrunt tinypng— compress images with tynypnggrunt build— all operationsgrunt serve— watch