Freelance designers deal with this weekly: the working file is PNG, the deliverable has to be SVG. Photoshop can do it, but opening a 2 GB app to change a file extension is overkill. A browser tab does the same job in seconds — here's how, and what to watch.
PNG vs SVG at a glance
| Format | Compression | Transparency | Animation | Support (2026) |
|---|---|---|---|---|
| PNG | Lossless | Yes | No | every browser since the early 2000s |
| SVG | Vector | Yes | Yes | all modern browsers |
The table explains the conversion before any tutorial does: people move files toward the column that matches their destination — usually broader support or features the source format lacks.
When SVG beats PNG
PNG (Portable Network Graphics) is a lossless format made for logos, transparency, screenshots, web graphics. Its weak spots — larger file sizes for photos, no animation support — are exactly where SVG steps in.
SVG (Scalable Vector Graphics) handles logos, icons, illustrations, web graphics, and in 2026 its support looks like this: all modern browsers. On size, the practical picture: icons usually weigh 1-10 KB, less than a single photo thumbnail.
Typical triggers: an upload form that rejects PNG, a teammate on different software, or a page-speed audit flagging your images.
The 60-second conversion
Open the SVG converter and drop your PNG file onto the upload area. Multi-select works, so a whole folder of files goes in at once — useful when a shoot or an export produced dozens of them.
Start the conversion and watch the size readout: the page shows the output weight before you commit to downloading. That single number answers most of the questions people bring to guides like this one.
When the batch finishes, grab the ZIP rather than clicking files one by one — it preserves the original filenames with the new extension.
If a file fails — it happens with corrupted exports — re-saving it once from any viewer and retrying usually clears it. Genuinely broken files fail everywhere, including in Photoshop.
Three checks before you start
Keep the original. Conversions into lossy formats are one-way; the PNG you started from is your archive copy, so it never gets deleted or overwritten.
Check the destination's rules. If a platform or print shop asked for SVG, it often also has size or resolution limits — knowing them now saves a second round trip.
Group the batch. Converting fifty files in one upload beats fifty single conversions, and the ZIP you get back keeps the set together with its filenames intact.
What actually happens to quality
PNG uses lossless compression; SVG uses vector. The rule of thumb: converting into a lossless format never loses data; converting into a lossy one trades a little fidelity for a lot of kilobytes.
For scale: a 1080p screenshot is typically 150-400 KB; a 12-megapixel photo can exceed 15 MB. After conversion to SVG, expect the relationship to shift — icons usually weigh 1-10 KB, less than a single photo thumbnail.
Canva and Adobe Express can export SVG too, but both push you through an editor first — fine for one file, slow for forty.
One settings rule covers 90% of cases: keep images destined for screens at standard quality, and only reach for maximum-quality output when the file is headed to print or further editing.
How the compression actually works
Lossless compression is bookkeeping, not deletion: repeated patterns get written once with a count, and decompression rebuilds every original pixel exactly. The price is that random, noisy content — photographs — barely shrinks.
Vector formats skip pixels entirely — the file is a recipe of shapes and curves that the screen redraws at any size. Infinite sharpness, tiny files, and complete unsuitability for photographs, all from the same design decision.
Once you see the mechanism, every size difference in this article stops being magic and starts being arithmetic.
What happens to EXIF and metadata
Every photo from a camera or phone carries hidden baggage: capture date, device model, exposure settings and — on phones — often GPS coordinates. Conversion is one of the moments where that baggage can be kept or dropped.
For files headed to the public web, dropped metadata is a privacy feature: nobody needs your home coordinates embedded in a product photo.
The practical rule: treat the original as the metadata archive and the converted copy as the public version. That division of labour answers most privacy and copyright questions before they come up.
What the numbers look like
Take a typical case: a 1080p screenshot is typically 150-400 KB; a 12-megapixel photo can exceed 15 MB. Convert that to SVG and the format's profile takes over: icons usually weigh 1-10 KB, less than a single photo thumbnail. The percentages vary with image content — flat-color graphics and detailed photos compress very differently — so trust the size readout on your own files over any blog's average.
When something looks wrong
Colors shifted. Wide-gamut originals viewed in sRGB-only software look washed out. The fix is converting from an sRGB copy for web use — not a higher quality setting.
The file will not open. Nine times out of ten the viewer is the limitation, not the file. Try a second viewer before blaming the conversion, or convert to SVG — if that copy opens, the original was fine all along.
Transparent areas turned white. The target format has no alpha channel; flattening is the documented behaviour, not a bug. Re-convert to PNG or WebP if transparency must survive.
The file got bigger. Some content genuinely compresses worse in the new format — flat graphics in photo-oriented codecs, photos in graphics-oriented ones. The size readout before download is the early warning.
Quick Answers
Can I convert several PNG files at once?
Yes — drop the whole selection into the SVG converter and you get the results back as one ZIP. Batch jobs of 30-50 files are routine; the per-file time stays in the seconds.
Why does my SVG file open differently on Windows and Mac?
Support differs by platform: all modern browsers. If a recipient cannot open the file, that mismatch is usually the cause — convert to a more universal format like JPEG or PNG for sharing.
Can I convert the SVG back to PNG later?
Yes, the reverse converter exists — but a round trip through a lossy format does not restore discarded data. Treat the original PNG as the master copy and convert from it each time, rather than chaining conversions.
Does converting change the image dimensions?
No. Width and height in pixels stay exactly the same; only the encoding changes. If you also need resizing, do it as a separate, deliberate step — and always downscale, never upscale.
Why did my converted file come out larger?
Content sits on different compression curves: a file that PNG encodes efficiently can genuinely grow as SVG. It is normal for some images, which is why the size readout before download matters more than any rule of thumb.
Next step: open the SVG converter, feed it one real PNG from your project, and judge the size readout with your own eyes. That number settles the debate faster than any guide.
Written by Giovanni Picaro, a web developer who has been building image tools and optimizing sites since 2019. Sources: MDN image format reference and Google web.dev. Last reviewed: 2026.