Pixel art

Turn one SVG into a pixel art NFT collection.

Import a layered SVG, recolour it once, and SVG Variants draws many unique pixel art editions from it. Choose the NFT collection output and each edition also gets its own JSON metadata file. With flat fills, each pixel takes one of the colours painted in its edition, so every image stays crisp, with clean colours.

Start free Free templates

SharpSVG

Pixel art mushroom house, purple roof, sand walls, night blue door, stone ground, night sky — Pixel art64 px grid · PNG

4 steps

How it works

01
Import a layered SVG
Your own drawing, or one of the free templates below. SVG Variants reads its layers and colours.
02
Recolour in the Colours tab
Give each detected colour a list of new colours, with a weight for how often each one appears. Previews are free.
03
Switch to pixel art
In Settings › Rendering, choose Pixel art and a grid width from 8 to 256 pixels across. These examples use 64. Pixel art is free to try in the previews.
04
Generate
With a pack, get pixelated PNG files with one JSON metadata file per edition for an NFT collection, PNG files alone, or print files at 300 DPI.

Real output

12 editions from one file, 1,440 possible combinations

Roof 6 colours, walls 4, door 4, ground 3, sky 5; the windows have a palette with a single colour, Light. Multiplied, that makes 1,440 different houses from the same SVG.

#1Roof · PurpleSky · Night
#2Roof · PinkSky · Dawn
#3Roof · BlueSky · Clear
#4Roof · RedSky · Pale green
#5Roof · RedSky · Clear
#6Roof · RedSky · Sunny
#7Roof · RedSky · Sunny
#8Roof · RedSky · Night
#9Roof · PurpleSky · Dawn
#10Roof · BlueSky · Dawn
#11Roof · PinkSky · Pale green
#12Roof · BlueSky · Clear

rarity-stats.json12 editions

Roof: Red5 · 41.67%; Blue3 · 25%; Purple2 · 16.67%; Pink2 · 16.67%
Walls: Cream4 · 33.33%; Sand3 · 25%; Blush3 · 25%; Sage2 · 16.67%
Door: Night blue5 · 41.67%; Walnut3 · 25%; Burgundy3 · 25%; Pine1 · 8.33%
Windows: Light12 · 100%
Ground: Stone5 · 41.67%; Sand4 · 33.33%; Grass3 · 25%
Sky: Dawn3 · 25%; Clear3 · 25%; Night2 · 16.67%; Pale green2 · 16.67%; Sunny2 · 16.67%

How often each value appears in these 12 editions. A value used by every edition shows 100%.

View the file

{
  "collectionName": "Mushroom House",
  "editions": 12,
  "traits": {
    "Roof": [
      {
        "valeur": "Red",
        "nombre": 5,
        "pourcentage": 41.67
      },
      {
        "valeur": "Blue",
        "nombre": 3,
        "pourcentage": 25
      },
      {
        "valeur": "Purple",
        "nombre": 2,
        "pourcentage": 16.67
      },
      {
        "valeur": "Pink",
        "nombre": 2,
        "pourcentage": 16.67
      }
    ],
    "Walls": [
      {
        "valeur": "Cream",
        "nombre": 4,
        "pourcentage": 33.33
      },
      {
        "valeur": "Sand",
        "nombre": 3,
        "pourcentage": 25
      },
      {
        "valeur": "Blush",
        "nombre": 3,
        "pourcentage": 25
      },
      {
        "valeur": "Sage",
        "nombre": 2,
        "pourcentage": 16.67
      }
    ],
    "Door": [
      {
        "valeur": "Night blue",
        "nombre": 5,
        "pourcentage": 41.67
      },
      {
        "valeur": "Walnut",
        "nombre": 3,
        "pourcentage": 25
      },
      {
        "valeur": "Burgundy",
        "nombre": 3,
        "pourcentage": 25
      },
      {
        "valeur": "Pine",
        "nombre": 1,
        "pourcentage": 8.33
      }
    ],
    "Windows": [
      {
        "valeur": "Light",
        "nombre": 12,
        "pourcentage": 100
      }
    ],
    "Ground": [
      {
        "valeur": "Stone",
        "nombre": 5,
        "pourcentage": 41.67
      },
      {
        "valeur": "Sand",
        "nombre": 4,
        "pourcentage": 33.33
      },
      {
        "valeur": "Grass",
        "nombre": 3,
        "pourcentage": 25
      }
    ],
    "Sky": [
      {
        "valeur": "Dawn",
        "nombre": 3,
        "pourcentage": 25
      },
      {
        "valeur": "Clear",
        "nombre": 3,
        "pourcentage": 25
      },
      {
        "valeur": "Night",
        "nombre": 2,
        "pourcentage": 16.67
      },
      {
        "valeur": "Pale green",
        "nombre": 2,
        "pourcentage": 16.67
      },
      {
        "valeur": "Sunny",
        "nombre": 2,
        "pourcentage": 16.67
      }
    ]
  }
}

Before you draw

Tips for clean pixel art from an SVG

Outline about one grid pixel thick. One grid pixel is the width of your drawing divided by the grid width: for the 672-wide mushroom house at 64 pixels across, 10.5 units. Thinner lines break into dots.
Few flat colours per part. Two or three colours for a roof, a wall or a door read well on a small grid, and each one can still get its own new colours.
No hairline shading. Thin hatching and fine highlight lines turn into noise. Use broad shapes for light and shade, or leave them out.
Keep details as their own colours. Draw the sun, the windows and other small details in colours of their own, at least one grid pixel wide, so they stay distinct on the grid.
Use flat fills. Gradients, patterns, filters and embedded images make the pixels blend instead of taking the colours of the edition. The same happens when one edition has more than 64 colours.
Choose the grid width before colouring. Colours that work at 256 pixels across can merge at 32. Set the grid first, then pick colours while you watch the pixel art previews.

More on preparing your file in the layered SVG guide. Everything else SVG Variants does is on the product page.

Download

Free templates

The mushroom house from this page, in two versions. Free to download and use with SVG Variants, for practice and for your own collections.

Mushroom cottage, shaded

For sharp rendering. Soft shading, made of light and dark see-through layers, follows any colour you choose.

Sky #CDE7F5
Roof #95514B
Walls #EABC77
Windows #FFD873
Door #DDA569

Download shaded SVG 24 KB

Mushroom cottage, pixel art 64

Made for a 64 px grid: thicker outline, flat colours. The sun (#FFFFFF) and the outline (#493633) are meant to stay as they are.

Sky #CDE7F5
Ground #A9CFE3
Roof #95514B
Walls #EABC77
Windows #FFD873
Door #DDA569

Download pixel art SVG 13 KB

Pricing

What it costs

Pixel art is a paid feature, free to try in the previews. Generating pixel art files needs an account with a pack, and adds 1 credit per edition to the output you choose: for example 2 credits instead of 1 for a 1024 px PNG, or 3 instead of 2 for an NFT edition with a 1024 px PNG and JSON metadata. Packs are not on sale yet: until then, pixel art stays in the previews. See pricing

FAQ

Questions about pixel art

Can I get pixel art as SVG?

No. Pixel art is delivered as PNG only: pixelated PNG files alone, pixelated PNG files plus JSON metadata for an NFT collection, or pixelated PNG files at 300 DPI for print. For SVG files, keep the sharp rendering.

Can I mint these editions?

SVG Variants makes the files, not the tokens: it does not mint, upload to IPFS or connect a wallet. With the NFT collection output, you get a pixelated PNG and a JSON metadata file per edition, plus rarity statistics. The image field of each JSON file holds the PNG’s file name: replace it with your own hosted or IPFS address, then mint with the tools you choose.

Which grid width should I choose?

Any width from 8 to 256 pixels across; very tall drawings allow a smaller maximum. The examples on this page use 64. A small grid gives bold, blocky images; a large one keeps more detail.

Does pixel art cost more?

Yes, 1 extra credit per edition, on top of the output you choose. Pixel art is one of the paid features: generating it needs an account with a pack. Previews stay free, so you can try it before you buy.

Can I recolour the templates?

Yes. The shaded template has 5 colours made to be recoloured: sky #CDE7F5, roof #95514B, walls #EABC77, windows #FFD873 and door #DDA569; its outline and shading are meant to stay as they are. The pixel art 64 template has the same colours plus the ground #A9CFE3; its sun #FFFFFF and outline #493633 are meant to stay as they are.

Start today

Your next SVG can become a pixel art NFT collection.

The studio is open. Start free with 100 credits once your e-mail is verified.

Start free

No subscription · Free previews