/01 Trimming transparent padding from a PNG
Exported PNGs often carry a wide band of transparent pixels around the artwork, inherited from the canvas they were drawn on. This trims that border away so the file sits at its true size.
The visible artwork is untouched — only the empty area around it is removed.
/02 Why the invisible padding causes real problems
Transparent margins still occupy pixels, so they inflate file size and, more annoyingly, break alignment. A logo with uneven padding will never centre correctly in CSS, because the browser is centring the box including the empty space rather than the artwork inside it.
Trimming first means the image's own dimensions describe the artwork, so alignment, spacing and sizing all behave predictably afterwards — and the file gets smaller as a bonus.
/03 Crop transparent image padding down to the content
Logos, icons and cut-outs exported from design apps often come with a wide invisible margin. You cannot see it, but it is part of the image, so the file lines up wrongly, looks smaller than intended and wastes space. Cropping it by eye in an image editor is imprecise because you cannot see where the transparent area ends.
This tool crops the transparent image automatically. Drop in a PNG and it scans every pixel's transparency, finds the outermost visible pixel on each side, and cuts the image down to exactly that box. Anything with even a trace of opacity is kept, so soft shadows and anti-aliased edges survive. Download the trimmed PNG and it keeps full transparency and quality.