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
  │   ├── Image1@2x.png
  │   └── Image1@3x.png
  └── main-images
      ├── small-images
      │   ├── Image2.svg
      │   ├── Image2.png
      │   ├── Image2@2x.png
      │   └── Image2@3x.png
      ├── Image3.svg
      ├── Image3.png
      ├── Image3@2x.png
      └── Image3@3x.png

Enjoy !

Disclosure

This project is based on * Rebar's tool.