VectorPaint transparent PNG: remove the white background and check edges

English translation of the Chinese original, translated on 2026-10-23. The article body uses automated translation; app descriptions, historical reading notes and video subtitles receive separate editorial checks. Original publication dates, attribution, code and version notes are retained.

Use a single-colour icon to check transparency, solid background objects and final pixels, then inspect the export on both dark and light backgrounds.

Decide why transparency is needed

Transparent PNG lets icons reveal webpage, poster or chat backgrounds outside their shape. It remains fixed-size raster, not vector. Practise a circle-and-ray sun on 512×512 px, omitting photos and complex shadows initially to identify white-background sources.

Check solid background objects on the canvas

Find full-canvas white rectangles, image backgrounds and other background objects. Transparent export does not delete a white plate you drew. Internal white details may be intentional; distinguish transparent exterior from retained white interiors to avoid hollowing out the design.

Leave enough room to avoid clipping edges

Centre the icon with about 48 canvas units around it. Check actual stroke and shadow bounds, not just the path centreline. A small preview reveals flattened clipping at any edge. Fix original margins rather than guessing edge repairs on the finished image.

Choose PNG and check final pixels

Choose PNG and transparency in Export & Share and confirm output, for example 512×512 pixels. Export an additional proportional 1024×1024 if needed. Output pixels are delivery specifications, not editor zoom. A “512_transparent” filename helps avoid selecting the wrong copy.

Check transparency on two backgrounds

Some viewers display transparency as white, so appearance alone cannot prove failure. Test on light gray and dark blue. A remaining white rectangle suggests a background object or original image fill; a fringe near the contour needs edge-pixel or translucency checks.

Investigate white fringes separately

For vector-edge problems, check extra white strokes and duplicate objects; imported images may retain white background pixels. Transparent PNG does not automatically remove image backgrounds. Avoid changing every colour and opacity blindly. Export one monochrome path as a baseline, then add other content.

Separate transparency from scaling issues

Inspect dirty edges at actual pixel size before enlarged previews. Noninteger display scales resample edges and soften thin lines; that differs from genuine transparency. Verify background colours show through outside, then judge lines at target size.

Semitransparent shadows naturally differ on dark and light backgrounds. Making them solid just to match both changes the design. Create an additional shadow-free icon for stable cross-background display and label its purpose.

Distinguish original files from generated previews when sending. Ask recipients to test against a clearly coloured background. Shared inspection methods resolve issues better than exchanging white-background screenshots.

Final checks and sending method

Check pixels, transparent areas, edges and margins through the real delivery route. Some channels reprocess images; choose file delivery when originals matter. Keep the editable original and use PNG as output. Revise contours or line widths in the original, then export again.

Further exercise: a light-and-dark inspection board

Export 512 and 1024 transparent versions of the same icon and match file properties to names.
Place them on white, dark blue and medium gray, inspecting exterior transparency, internal white detail and translucent edges.
Send through the intended channel and open the received file to confirm dimensions and transparency remain intact.

Frequently asked questions

Why does transparent PNG still look white in Photos?

The viewer may use white behind transparency. Place the image over different colours and check whether its exterior reveals them.

Can more pixels repair an original white fringe?

Usually not. If the original contains white background pixels, larger output only resamples them. Clean the original or create fresh paths first.

Can each layer still be edited after transparent PNG export?

PNG is rendered pixels, without native vector-object structure. Keep the VectorPaint original for editing and a PNG for display.

Sources and scope

This article is based on VectorPaint App Store description and the available feature entry points; Apple’s public release information Checked on October 22, 2026, for version 1.0.7, requiring iOS / iPadOS 17.0 or later. The interface may vary by device and version. Dimensions, colours and wording are exercise suggestions; confirm the requirements for your actual use.