Desert run 5K tee design: PNG to SVG example
A race tee with a sunburst, cacti and hills inside a circle, drawn for three ink colors, traced with screen print mode.
- Scales to any size
- One file from a favicon to a poster
- Editable shapes
- 7
- Colors you can swap
- 6+ 1 gradients
- File size
- 57 KB SVG
The original PNG is 54 KB. To print it 4000 px wide as a PNG you would need a 1.32 MB file (24x the SVG), and it would still be an enlarged copy of the same pixels. The SVG stays this size at every size.
Each of the 6 colors in the file is a value you can change, so the whole image recolors instantly. A PNG can only be recolored by repainting it.
Same file, any size
The SVG is drawn fresh at every size. The PNG can only be stretched or squeezed, shown here without smoothing so you see its real pixels.
Favicon, 16 px
Card, 200 px
Poster, 4000 px wide
A window of the print at full size, around the same detail.
The numbers
| Input | PNG, 1000 × 1000 px, transparent |
|---|---|
| Original file | 54 KB |
| SVG file | 57 KB (1.1× the original) |
| Paths | 7 |
| Anchor points | 1,846 |
| Solid colors | 6 |
| Gradients | 1 |
| Vectorizer mode | Screen print mode |
| Processing time | 40.7 s |
| PNG at 4000 px wide | 1.32 MB |
Processing time is the full request measured from the browser side, upload included. The SVG is published exactly as the vectorizer returned it.
What the vectorizer did
- Screen print mode returned only 7 paths, one per color region, which keeps separations simple.
- It found 6 solid colors: the 3 inks and background, plus 2 light orange tints along the sun rays. Reduce colors to 4 merges them.
- One navy region came back as a very subtle gradient; flatten it to a solid before burning screens.
Working on something similar? Read more on the Vector files for screen printing page.
