Trim images online and get back the version without the blank edges

The tool reads the four corner pixels first. If any of them is transparent, it treats transparency as the background and trims to the visible artwork. That is the right behaviour for a logo exported out of Illustrator or Figma with a big empty artboard around it.

If the corners are opaque, the most common corner colour becomes the background. A scanned document on white, a product shot on a grey studio sweep, a chart exported on a dark canvas: all of them trim correctly without you picking anything.

Where it needs help is JPG. Lossy compression smears the edge of a white background into a spread of near-whites, so an exact match finds nothing to remove and you get your image back unchanged. That is what the tolerance slider is for. Push it to 5 or 10 per cent and those almost-white pixels count as background again. Push it too far and it starts eating pale parts of your subject, which the before preview will show you straight away.

You can also skip the detection and name the colour to remove, which is handy when a design has a deliberate coloured frame you want gone.

An image with a 20 per cent dead border looks fine on its own and behaves badly everywhere else:

• Your subject renders smaller than the slot it sits in. A logo with built-in padding goes into a header that already has padding, so it reads as undersized next to a competitor who trimmed theirs.
• Grids go ragged. Ten team photos or partner logos with different amounts of surrounding space will never line up, however careful the CSS is.
• You pay for pixels nobody sees. Blank area still gets encoded, still gets downloaded, and across thirty images on a page that works against your Largest Contentful Paint.
• Social and Open Graph crops go wrong. Platforms crop to their own ratio from the centre out. Extra margin pushes the subject toward the edge, where it gets clipped.

Trim first, then resize, then compress. The order matters, because resizing a padded image just gives you smaller padding.

Drop in up to 20 files together and the same settings run across all of them. That is the case this was built for: rebuilding a team page, cleaning up a folder of supplier logos, tidying a set of screenshots for documentation.

A few of the settings earn their place on batch work:

• Padding adds a consistent margin back after the trim. Set it to 24 and every image ends up with the same breathing room instead of whatever it was exported with.
• Square canvas pads the short side so everything comes out at 1:1. Quickest way to make a row of logos sit properly in a grid.
• Longest edge caps the size, so a mixed folder of 4000px exports and 600px screenshots all come out at one sensible width.
• WebP as the output usually lands around a third of the PNG size at a quality nobody questions.

When more than one image is loaded, one button gives you the whole set back as a ZIP.

Trimming is one of three jobs in the free image tools set. If the margin you are cutting is a white background rather than empty canvas, the transparent background maker removes it properly and leaves alpha behind, and if the file is simply too heavy for a web page, the bulk image resizer shrinks a whole folder at once.