To keep a transparent background during PNG-to-SVG conversion, begin with a PNG that contains real alpha transparency and clean edge pixels. Check it over dark and light backgrounds before converting. A white-looking canvas is not necessarily transparent, and pale matte pixels can become visible halos in the SVG.
PNG2SVG can preserve the source through Lossless mode or trace its visible regions in True vector mode. The best preparation depends on which result you need.
Transparency is data, not a checkerboard
Image editors often display transparent areas as a checkerboard, but the checkerboard is only a preview. The PNG stores an alpha value for each pixel. A fully transparent pixel is invisible, a partially transparent pixel contributes some color, and an opaque pixel completely covers what is behind it.
A white background is different: it is a rectangle of opaque white pixels. Saving that image as PNG does not automatically make the rectangle transparent.
To check the file, place it above a black layer and then above a bright colored layer. If a box appears around the subject, the background is still present. If a pale outline appears, the edge likely contains matte pixels.
What Lossless mode does with transparency
Lossless mode embeds the original PNG inside an SVG. Its alpha information remains part of that raster image, so a clean transparent source should continue to appear transparent.
This mode is appropriate when exact soft edges, shadows, gradients, or texture must be retained. Remember that the embedded picture still has fixed pixel resolution even though the surrounding document is SVG.
If another application shows a background, test the original PNG in that application. Some software previews transparency on white, flattens images during import, or does not support the same SVG image features.
What True vector mode does with transparency
True vector mode traces visible regions into paths. Fully transparent areas should not need visible shapes. Partially transparent antialiased edges may be represented with opacity or simplified geometry so the outline remains visually smooth.
This is useful for a clean logo, icon, signature, or flat illustration. It becomes more difficult when the source contains a soft transparent shadow, glow, hair, smoke, glass, or a heavily feathered cutout.
Compare the output against several background colors. An edge that looks correct on white may appear too light on navy, while an edge that looks correct on dark gray may look heavy on white.
Why a white rectangle appears
The most common reason is simple: the PNG contains a white background. A tracer treats it as part of the artwork and can create a large white path.
Remove the background in a raster editor before conversion. Work from a copy, select the background without deleting intentional white objects, and export as PNG with transparency enabled. Reopen the exported file to confirm the alpha channel was preserved.
PNG2SVG does not provide a background-removal tool, so clean the source before adding it to the queue.
Why a pale halo appears
Many cutouts were originally antialiased against white. Their edge pixels contain a mixture of subject color and white. Making those pixels transparent does not always remove the mixed white color, so a fringe becomes visible on darker backgrounds.
Possible fixes include:
- using the original transparent asset instead of removing a background from a flattened copy;
- applying a decontamination or defringe tool in a raster editor;
- carefully replacing matte edge colors with colors closer to the subject;
- removing a shadow that should not be traced; or
- rebuilding a simple outline manually when it must be exact.
Do not erase aggressively around thin strokes. Removing too many partially transparent pixels can create jagged edges or gaps.
Why the vector edge looks thicker
Antialiasing spreads a visual boundary across several partially covered pixels. A trace that simplifies those pixels into opaque paths can make the boundary appear wider than the original.
Use a cleaner, larger source and inspect it at its actual size. Strengthen the intended central stroke rather than sharpening the entire image. For critical logo geometry, adjust the vector nodes after conversion.
Prepare transparent artwork step by step
- Duplicate the original PNG.
- Crop unused canvas while leaving a small safe margin.
- Remove the background without deleting intentional light-colored elements.
- Inspect the subject on white, black, and a saturated color.
- Clean isolated pixels, pale fringes, and unwanted shadows.
- Export as a full-color PNG with alpha transparency.
- Reopen the export and repeat the background test.
The wider PNG preparation guide covers noise, contrast, and resolution as well.
Review the converted SVG
After conversion, place the SVG over the backgrounds used in the real project. Check outside edges, enclosed spaces, thin lines, and semi-transparent effects. Zoom in to find fragments, but also view it at the intended size so harmless microscopic differences do not drive unnecessary editing.
Test the downloaded file outside the converter as well. Browsers, presentation tools, content systems, and print applications can preview transparency differently. A white preview canvas does not necessarily mean a white shape exists, so place a contrasting object behind the SVG or inspect its shapes before trying to remove anything.
If the destination needs paths, select True vector. If it only needs an SVG container and visual fidelity matters most, consider Lossless mode. Keep the original PNG until the final SVG has passed its website, editor, or production test.
When the source is clean, open PNG2SVG, choose the appropriate mode, and compare the downloaded result over more than one background.