The Fastest Web Based Image Cropper
Other web-basd cropping sites require you to upload your image to their server before the cropping process beings (this is how the old Croply functioned). Croply uses window.URL.createObjectURL(file) to render a selected image straight from your computer. The Mozilla Developer Network has more information about this function, and the browsers that currently support it. At the time of this writing, only Firefox 4+, Chrome 8+, and nighly builds of Safari support it.
Once the image is rendered back onto your browser, the jCrop jQuery script is used for the simple click and drag cropping. The aspect ratio is automatically set based on your dimensions, ensuring the image is created at the size you expect. As you select areas of the image, it is then previewed on a HTML5 canvas element, which is then used to convert the image to either a JPEG or PNG format.
There are no sacrifices to the image quality when using this process. Here is a comparison of Croply to Photoshop, using this as the source image:
Here are the results:
As you can tell, the image results are identical. While the Croply file-sizes are larger, it is important to note the speed at which these results were obtained. It takes only 5 seconds to crop in Croply, where Photoshop takes over 30 seconds (including bootup, loading the image, changing canvas size, transform, save to web).Back to Cropping