Transparent PNG with JPEG Compression

This allows to reduce image size by a lot in many cases.

More info on this method with examples, pros and cons:

• Using SVG To Shrink Your PNGs
• Transparent PNG with JPEG Compression
• ZorroSVG - Put a Mask on it

I didn’t found any CLI tools for this, so I thought I’d make one.

Installation

TL;DR

brew install pkg-config cairo libpng jpeg giflib
npm i -g canvas jpng.svg

This package requires node-canvas to be installed separately.

node-canvas depends on Cairo 2D graphics library. For node-canvas installation instructions see: Installation

Usage

jpng.svg <glob> [options]

Options

 -o, --output <folder>  dist    Output folder
 -b, --bufsize <n>      4096    JPEG compression buffer size
 -p, --progressive      false   Progressive JPEG compression
 -q, --quality <n>      75      JPEG compression quality
 -i, --inline           false   Inline images into SVG file
 -Q, --quiet            false   Do not log the progress