Smart Crop - Content-Aware Automatic Image Cropping

A centre crop is the default almost everywhere, and it is wrong surprisingly often. Photographers habitually place subjects off-centre, so squaring up a landscape shot by chopping equal amounts from each side regularly slices someone in half or leaves a face at the very edge of the frame.

Content-aware cropping takes a different approach. It slides a window of your chosen aspect ratio across the image and scores every candidate position on three signals: edge density, which marks out detail and structure against empty sky or blurred backgrounds; colour saturation, since vivid regions usually carry the subject; and skin-tone detection, which weights faces and people heavily. The highest-scoring window wins, and there is a mild preference for placing that region near the classical rule-of-thirds points rather than dead centre.

The practical result is that a wide product photo cropped to a square keeps the product, a group shot cropped to a 9:16 story keeps the faces, and a landscape cropped to 16:9 keeps the horizon interest instead of a strip of empty sky. It is particularly handy when you are producing the same asset at several ratios, since you can re-crop from the original each time rather than nudging a box by hand.

All the scoring happens in JavaScript on your own machine, using the open-source smartcrop library. There is no model call to a server and no upload, so the tool is just as usable on client work, personal photos and internal material as on anything else. The crop is taken from the full-resolution original, so you get real pixels rather than an upscaled preview.