Crop PNG
Transparency Stays Intact
Logos, screenshots, and graphics crop without losing alpha channels. The visual box handles precision work; output keeps every transparent pixel.
PNG crop specifics
- Input.png
- TransparencyPreserved
- OutputPNG, cropped
- Edge qualityPixel-exact
Explore related tools
Different jobs, same file here's what people use alongside this tool.
How to crop PNG images
- 01Load your graphicExported logos, UI captures, sticker elements, icons.
- 02Adjust the crop boxSnap to ratios or freehand it; semi-transparent edges survive intact.
- 03Download cropped PNGAlpha channel carried through, ready for design use.
Features
Alpha-preserving pipeline
Transparent and semi-transparent pixels pass through untouched.
Lossless selection
PNG output means cropped pixels equal source pixels exactly.
Design-workflow fit
Results drop straight into mockups, decks, and codebases.
Screenshot precision
UI captures trim window chrome cleanly for documentation.
Icon variant production
One master sheet crops into individual assets repeatedly.
Local processing
Proprietary graphics remain on your machine.
PNGs worth cropping
Graphics deserve exactness
Asset hygiene
Trimming padding from exports reduces layout surprises downstream.
Consistent spacing
Uniformly cropped sets align predictably in grids and rows.
Smaller payloads
Less empty area means fewer bytes even in lossless format.
Version-control peace
Clean diffs come from intentional asset changes.
The padding problem in exported PNGs
Design tools export with generous margins by default - safety padding that made sense on canvas but becomes dead space in production. Those invisible margins cause misalignments when assets sit in flex layouts, and they inflate file sizes with compressible-but-pointless pixels.
Cropping restores intent. Trimming an icon's margin until visible pixels touch the box edge makes CSS spacing controls actually mean what they say. Teams that adopt strict asset cropping report fewer 'why is there a gap' conversations than any other single fix.
Transparency complicates naive auto-trim approaches: bounding boxes computed from opaque pixels alone miss soft glows and shadows. The visual crop box sidesteps automation failures by putting human judgment at the boundary - you see the glow, you decide whether it belongs.
“Trimming icon exports to content bounds fixed a whole class of alignment bugs in our design system.”
Felix Brandt - UI engineer
“Screenshots crop to just the relevant pane now - slides look intentional instead of pasted.”
Rina Suzuki - Presentation designer
“Sprite extraction from sheets is quick enough to iterate on art layouts same-day.”
Owen Gallagher - Indie developer
Frequently asked questions
Will cropping remove transparency?
No. Alpha channels pass through completely, including partial transparency at anti-aliased edges.
Is PNG cropping lossless?
Yes - output pixels are bit-identical to the corresponding source region.
Can I crop one logo out of a sprite sheet?
That's a primary use case. Load the sheet, box the element, download; repeat for others.
Does cropping change colors?
Never. PNG stores exact values and cropping only selects among them.
What about very large screenshots?
Sources up to 30 MB handle fine; internal caps protect memory on mobile devices.
Can I crop to circle from a PNG?
Yes - circle mode masks to an ellipse with transparent surroundings, ideal for avatars.