Decaly

Why your SVG came out all black

You converted a colourful picture, opened the SVG, and got a black silhouette or a solid square. It is one of the commonest complaints about image to SVG converters, and it almost always has one of four causes.

Short answer

An SVG comes out all black when the picture was traced to one colour (a black-and-white trace), when the converter turned a transparent background into black, when the tracer saw the background as part of the design and returned one block, or when the “SVG” is just the original picture embedded in an SVG file. Trace again with colour layers, a white background and a clear shape against it, and check that the file holds paths.

Get Decaly Traces a picture into cut layers on your Android phone. Tracing is free, with no account.

Cause 1: it was traced to one colour

Many tracers, including the trace tools inside desktop cutting software, work by threshold: everything darker than a level becomes the shape, everything lighter becomes nothing. The output is one colour, usually black. It is not broken; it is a different kind of trace.

Fix: use a colour trace. In Decaly, raise Colours to cut: each colour becomes its own layer with its own fill, and the tiles under the picture show what you will get before you save.

Cause 2: the transparent background turned black

A PNG with a transparent background stores “no colour” in those pixels. Some converters read that as black, so the background becomes one huge black shape that hides everything else, the “square block” people describe.

Fix: put the picture on white before tracing, or use a tracer that does. Decaly places transparent PNGs on white when it opens them, so the background reads as paper, not ink.

Cause 3: the tracer couldn’t find the background

A tracer has to decide which colour is the paper. If the picture has a busy or dark background, or the design touches every edge, it can decide that everything is design and return one block. Decaly treats the colour that runs along the picture’s border as the background; if a picture comes out entirely as background, it says “Nothing to cut” instead of saving a block.

Fix: crop to the design, or use a picture with a clear shape on a plain background.

Cause 4: the SVG is a picture in disguise

An SVG can contain an embedded PNG or JPG. Some “converters” do only that. In your cutting software it shows as one rectangle; cut it and you get a rectangle.

Fix: open the SVG in a text editor or file viewer: a traced file is full of <path d="…">; a disguised one contains <image and a long block of letters. Convert from the original picture with a real tracer.

Also check

  • The colours were combined in your cutting software. Welding or attaching every layer, or an “Ungroup/Flatten” step, can collapse a layered file into one colour.
  • The fill is missing. Some programs show unfilled paths as black outlines. Decaly writes a fill colour on every layer’s group.
  • The picture is tiny. A thumbnail traces into a staircase that can look like one blob; see low-resolution images.

For the full process, see how to convert an image to SVG on Android, and for Cricut specifically, PNG to SVG for Cricut.

Decaly: image to SVG, in layers you can cut

Open a picture on your Android phone and watch it trace into colour layers, free. Decaly Pro saves it as an SVG for Cricut Design Space, one DXF per layer for Silhouette Studio, or a PNG for Print Then Cut.

Get Decaly on Google Play