svg2pngs

SVG to PNG (@1x @2x @3x)

This is a command-line tool for converting SVG to PNG in multiple resolutions (@1x @2x @3x)

Install

npm install -g svg2pngs

or

yarn global add svg2pngs

Usage

Let's assume you have a project with multiple *.svg files in multiple sub-folders like this:

app
  ├── images
  │   └── Image1.svg
  └── main-images
      ├── small-images
      │   └── Image2.svg
      └── Image3.svg

You have to cd into the main folder and run the following command:

cd app
svg2pngs

This will walk though the entire folder structure and create the associated *png files in 3 resolutions @1x, @2x and @3x.

The end result would be something like this:

app
  ├── images
  │   ├── Image1.svg
  │   ├── Image1.png
  │   ├── [e-mail]
  │   └── [e-mail]
  └── main-images
      ├── small-images
      │   ├── Image2.svg
      │   ├── Image2.png
      │   ├── [e-mail]
      │   └── [e-mail]
      ├── Image3.svg
      ├── Image3.png
      ├── [e-mail]
      └── [e-mail]

Enjoy !

Disclosure

This project is based on * Rebar's tool.