Transparent logo to SVG: preserve empty space without deleting white artwork.
Alpha, a white rectangle and a white logo can look similar in the wrong preview. Identify which pixels are content before removing a background or approving the trace.
Transparency is absence. White is a color.
Keep transparent source areas empty in the SVG. Remove an opaque background only after confirming it is not intentional artwork, then test white shapes and edge pixels against more than one preview color.
Do not solve them with the same switch.
The correct action depends on whether the source stores alpha, background pixels, foreground artwork or a fringe created during an earlier export.
Transparent pixels
The source has an alpha channel. Empty areas reveal the preview surface and should normally remain empty in the SVG.
Opaque white background
White is stored as image content. Remove it only when it is the presentation background rather than part of the mark.
White logo artwork
The shapes are real but disappear on a white viewer. Test them on a dark surface before deciding the file is empty.
Antialiased edge halo
Edge pixels may blend the logo with its old background. Tracing them as extra colors can preserve an unwanted fringe.
One transparent SVG, two surfaces.
A transparent file inherits whatever sits behind it. Testing both surfaces catches accidental white rectangles, dark halos and marks that disappear only because the viewer uses the same color.
The dark preview makes this black mark difficult to see; that does not mean the SVG gained a background. A white mark has the inverse problem on a white viewer.
An “empty” preview may contain perfectly valid white paths.
The two panels simulate the same white vector artwork over two viewer backgrounds. Inspect the objects or switch the preview surface before deleting anything.
Check the edge, not only the empty area.
- Switch the preview between light, dark and checkerboard surfaces.
- Confirm that white internal details were not removed with the background.
- Look for a pale or dark fringe around every high-contrast edge.
- Inspect enclosed spaces where background removal can mistake a hole for artwork.
- Verify that the SVG contains shapes rather than an embedded transparent bitmap.
- Compare the approved colors after the background pixels are excluded.
Alpha and SVG compositing
- W3C PNG: Alpha representationHow PNG represents fully and partially transparent samples.
- W3C SVG 2: Rendering ModelHow SVG elements are painted and composited.
- Is this a real SVG?How to distinguish vector paths from embedded pixels.