jQuery Image Crop and Resize Plugins

A jQuery Image crop plugin helps you to crop and resize your images which you wish to upload on web applications and websites. For this article I have gathered a list of some of the Best jQuery Image Crop and Resize Plugins that will allow you to enable image cropping and resizing functionality for your websites easily. You can easily add following plugins to your web projects and can deliver a better end user experience to your visitors. Enjoy !!

1. FocusPoint.js

focuspoint jquery
FocusPoint jQuery Plugin makes sure your image looks great in any container, by ensuring the ‘spare’ parts of your image (negative space) are cropped out before the important parts. It’s made for ‘responsive cropping’. Dynamically crop images to fill available space without cutting out the image’s subject.

2. Croppic

Croppic is an image cropping jquery plugin that will satisfy your needs and much more. Simply upload an image, and then you are able to crop the image as you like with the zooming in and out functionality. It works in IE 10+, chrome, and firefox. It uses FormData so there is no IE9 and prev versions support at the moment.

3. ImgAreaSelect

imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes like those on Flickr. imgAreaSelect is highly configurable and customizable with CSS styling. Keyboard support for moving and resizing the selection. It works in all major browsers, including Firefox 2+, Opera 9.5+, Google Chrome, Safari 3+, and Internet Explorer 6+.

4. Image Cropper

image cropper
Image Cropper is a jQuery image cropping plugin with preview and some options.

5. Jcrop

Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications.

6. jQuery Cropbox

jQuery cropbox
jQuery plugin for in-place image cropping (zoom & pan, as opposed to select and drag). This plugin depends only on jQuery. If either Hammer.js or jquery.hammer.js is loaded, the cropbox plugin will support gestures for panning and zooming the cropbox. Similary, if the jquery.mousewheel.jsplugin is loaded, then the cropbox plugin will support zoom in & out using the mousewheel.

7. jQCrop

Easy to use jQuery plugin for zoom & pan image cropping. The main addition to this plugin is the ability to set the options after initialization and have the plugin auto-recalculate offsets and crop sizes, along with the auto-repositioning of the image (if required). Besides, jQcrop has experimental touch support in the touch branch, based on the excellent hammer.js.

8. resizeAndCrop

jQuery plugin to resize and crop images while preserving aspect ratio. Can also be used for lazy image loading and improving UI responsiveness when displaying lots of images.

9. jQuery Fakecrop

jQuery-Fakecrop takes a collection of images and automatically scale them to fit a custom-defined bounding box. This creates a “fake” cropping effect on those images; which produces convincing thumbnails.

10. Cropimg

Its another cropping jQuery plugin. You can also zoom in or zoom out the photo by the buttons on right side. Black elements on image, can be used to short zooming the image or move image to one of the corners, or center.

11. Guillotine

jQuery Guillotine
jQuery plugin to crop images within an area (fully responsive), allowing to drag (touch support), zoom and rotate.

12. Picture Cut

Picture cut is a jquery plugin that handles images in a very friendly and simple way, with a beautiful interface based on bootstrap or jquery ui, has great features like ajax upload, drag image from explorer, image crop and others.

13. Cropbox

A lightweight and simple JavaScript, Jquery, YUI plugin to crop your avatar.

14. Cropit

Cropit is a jQuery plugin for image cropping and zooming, it loads images locally via FileReader, and does cropping using canvas. Cropit is best for the cases where you want users to upload images of a specific size and ratio.

15. jQuery ViewportCrop

jquery viewport crop
Simple & hassle-free image resize & crop based on a pseudo-viewport. Touch-friendly via touch-punch.No special requirements for use, by default it modifies the behaviour of each image tag it finds.

16. jQuery Image Crop

jquery image crop
A cropper for when you need images to be a specific size. It works using a predetermined aspect ratio. The UI differs from other croppers, here you may drag the image into position and even resize it.

Responsive Menu
Add more content here...