Image to SVG for Cricut

Image to SVG for Cricut

This page traces one image into SVG paths for a cutting machine. It opens on the logo preset, 5 colors, and background removal. Tracing stays in the browser. The image is not uploaded.

Cricut Design Space can import a normal SVG. This page is not Cricut software, and it does not connect to a machine. The download is filled paths. Each color is its own set of paths, not a named layer group.

When it fits

• A flat logo or icon should become a cut file with a few colors
• You want the outer background color dropped before you import
• You will assign mats and weed the vinyl in Design Space

Photos and gradients split into many small paths and are a poor fit. For a laser job, use SVG for laser cutting. For a trace without these defaults, use PNG to SVG.

How it works

This is the same tracer as PNG to SVG, opened for a cut file.

1. Color quantization starts at 5 colors, so a logo becomes a few fills you can weed.
2. Region tracing follows those fills. Background removal drops the color that touches the outer edge before the trace.
3. Curve fitting uses VTracer. If it does not start, imagetracerjs fits coarser curves. Each color is its own set of filled paths.

The long edge is scaled to 1024 pixels or less before tracing. The file cap is 8 MB. A PDF download paints a raster and caps that long edge at 4096 pixels. It is not the cut file.

Privacy

The image never leaves your browser. Reading, background removal, tracing, and the SVG download stay on this device. This site does not send the file to Cricut or to any machine.

Limits

• PNG, JPG, and WebP. One image at a time, up to 8 MB. The long edge is scaled to 1024 pixels or less before tracing. That scale is canvas pixels, not inches. See MDN's SVG guide.
• The preview loads the SVG from a blob URL in an <img>. MDN's img element describes that mode: scripts do not run.
• Lettering becomes paths. The font cannot be changed afterward.
• Download PDF embeds a raster image and caps that long edge at 4096 pixels. It is not a vector cut file. Use the SVG. The trace itself uses the 1024-pixel edge and an 8 MB file cap.

References

• MDN: SVG
• MDN: The img element
• W3C: SVG paths

Usage

1. Add an image

Drop a PNG, JPG, or WebP, or paste with Ctrl+V or ⌘+V. The browser reads it with the File API. It is not uploaded. No file yet? Use a sample under the drop zone.

One image at a time. Files over 8 MB are skipped. A solid logo or simple icon works better than a photo.

2. Check the colors

Tracing starts when the file is accepted. This page begins at 5 colors, logo preset, with background removal on. Color count runs from 2 to 32. Low detail drops more specks. High detail keeps more shapes.

Remove background clears the color that touches the outer edge, then traces. A PNG that is already transparent is left as it is. Changing a control retraces after a short pause.

Each fill color is a set of paths. The color list shows a path count and a share of the area. Click a swatch to drop that color, and click again to put it back. Download follows the swatches. That is how you leave a color off a mat. The file does not contain named layer groups.

When the long edge is above 1024 pixels, the image is scaled down first. Set the cut size later in Cricut Design Space. See MDN's SVG guide for the coordinate system.

3. Download and import

Compare the original and the preview, then download the SVG. In Cricut Design Space, upload the SVG as an image. If the colors arrive as one group, ungroup them to put each color on its own mat. This site does not send the file to a machine.

Download PDF draws the SVG into a bitmap and embeds that image. It is not a cut file. The preview is an img loaded from a blob URL.

Weeding

Four to six colors is easier to weed than a full illustration. This page starts at 5. Hide colors you will not cut. Bold shapes weed more cleanly than hairlines. Photos are still a poor fit.

What to do next

• Trace without these defaults: PNG to SVG or JPG to SVG
• Both directions: SVG converter
• Edit paths: SVG editor
• A transparent PNG of the result: SVG to PNG
• A raster PDF: SVG to PDF
• A black-and-white laser file: SVG for laser cutting

References

• MDN: File
• MDN: SVG
• MDN: The img element

FAQ

Will the file be uploaded?

No. Reading, scaling, tracing, and preview stay in the browser.

Will Cricut Design Space open this SVG?

The download is a normal SVG of filled paths, as described in the W3C SVG paths chapter. Design Space can import SVG files. This page is not Cricut software and does not connect to a machine.

Are the colors separate layers?

Each fill color is a separate set of paths, not a named layer group. The color list shows a path count. Hide a color to omit it from the download. After import, ungroup in Design Space if you want each color on its own mat.

How do I weed less?

Lower the color count, hide colors you will not cut, and start from a bold logo. Thin details and photos become scraps. Four to six colors is the range this page is aimed at. It starts at 5.

What images work?

Solid logos, simple icons, and flat clipart. Gradients and photos split into many paths. If the picture looks like a photo, the page says so and can switch to the illustration preset, which keeps more colors and is still not a photo tracer.

Is the PDF a cut file?

No. Download PDF draws the current SVG into a bitmap and embeds that image. The paths stay in the SVG download. During preview the SVG is loaded as an img, so scripts do not run.

Why did the background stay?

Removal only drops the color that touches the outer edge. A busy edge, or a design that touches the border, will not clear the way a photo background remover does. A transparent PNG stays transparent. The alpha channel is defined in the W3C PNG specification.

References

• W3C: SVG paths
• W3C PNG Specification
• MDN: The img element