Sunset landscape: JPG to SVG example
A layered hills scene with a gradient sky and a glowing sun, saved as a JPG.
- Scales to any size
- One file from a favicon to a poster
- Editable shapes
- 205
- Colors you can swap
- 77+ 28 gradients
- File size
- 110 KB SVG
The original JPG is 18 KB. To print it 4000 px wide as a PNG you would need a 1.04 MB file (10x 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 77 colors in the file is a value you can change, so the whole image recolors instantly. A JPG can only be recolored by repainting it.
Same file, any size
The SVG is drawn fresh at every size. The JPG 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 | JPG, 1200 × 800 px |
|---|---|
| Original file | 18 KB |
| SVG file | 110 KB (6.1× the original) |
| Paths | 205 |
| Anchor points | 2,506 |
| Solid colors | 77 |
| Gradients | 28 |
| Vectorizer mode | Default |
| Processing time | 2.0 s |
| PNG at 4000 px wide | 1.04 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
- The sky gradient and the sun glow came back as 28 SVG gradients, so there is no hard color banding.
- Each hill layer is its own shape, which makes the scene easy to recolor or animate.
- Gradients cost space: the SVG is several times the size of the compressed JPG.
Working on something similar? Read more on the JPG to SVG converter page.
