File Under: Visual Design

Make a Cropping Tool For Your User Avatars

UvumiTools Crop in action

Now your site can be like Flickr, at least in one aspect. Create a cropping tool to let your users decide what part of their profile photo becomes their avatar to represent them across the site.

UvumiTools Crop is a small JavaScript library that runs on top of the Moo framework. You have control over how the crop tool looks and acts. For example, you decide whether to require a specific aspect ratio, or whether you require a minimum size.

One big caveat with this one: it’s only the interface to select a piece of the image. You still need some sort of server-side script to do the actual cropping. At least now you can make the process look good to your user.

See also: