Best jQuery Image Crop Plugins & Tutorials with Demo

    Picture Cut : jQuery plugin that Upload Drag & Crop Image

    Picture Cut : jQuery plugin that Upload Drag & Crop Image

    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.

    Features:

    • Ajax Upload
    • Resize image
    • Drag image from explorer
    • Manipulate image size in bytes
    • Cropping image

    Cropbox.js : jQuery Image Crop Plugin

    Cropbox.js : jQuery Image Crop Plugin

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

    Features:

    • support dataUrl for displaying image (function getAvatar)
    • support Blob for uploading image (function getBlobFile)

    HTML 5 Upload Image, Ratio with Drag and Drop

    HTML 5 Upload Image, Ratio with Drag and Drop

    A HTML5 Upload image tool, full use of HTML5 with canvas (with fallback options). Together with a ratio and drag & drop makes this tool ideal for use in a CMS.

    Features:

    • uses canvas to crop the image, no server scripts needed!
    • want to use a server script, no problem! simple change it with additional options
    • full HTML5 support
    • save your image with AJAX or use the tradional FORM input file element
    • uses ratio to let it fit your screen or element
    • easy to use
    • additional options to configure
    • bootstrap 3.1
    • jQuery

    Guillotine : jQuery Image Crop Zoom Rotate Plugin

    Guillotine : jQuery Image Crop Zoom Rotate Plugin

    Guillotine is a jQuery plugin that allows to drag, zoom or rotate an image to select a cropping area. Like selecting the display area of a profile picture or avatar.

    • Responsive: The window (or selection area) is fully responsive (fluid).
    • Touch support: Dragging the image also works on touch devices.

    Cropit : jQuery Customizable Crop and Zoom Plugin

    Cropit : jQuery Customizable Crop and Zoom Plugin
    • A jQuery plugin for image cropping and zooming.
    • Loads images locally via FileReader, and does cropping using canvas.
    • Designed to be extremely customizable via CSS.
    • Best for the cases where you want users to upload images of a specific size and ratio.

    Image Cropper : jQuery Image Cropping plugin

    Image Cropper : jQuery Image Cropping plugin

    Image Cropper is a  jQuery image cropping plugin.

    Imager – Amazing Image Tool for WordPress

    Imager – Amazing Image Tool for WordPress

    The plugin allows to create unlimited image sizes, regenerate the thumbs and to add css filters and animations directly from WP’s Media Section.

    Features:

    • Custom thumb sizes
    • Unlimited sizes
    • WP Cropping
    • Manage sizes as Posts
    • Save your sizes from WP or Theme Updates
    • Regenerate all thumbnails in 1 Click
    • Find your custom sizes in WP MEDIA select
    • Add 31 different CSS Filters to the thumb
    • Add 30 different CSS Animation to the thumb
    • Manage the options in “ADD MEDIA” (editor)

    Croppic : Image cropping jQuery plugin

    Croppic : Image cropping jQuery plugin

    Croppic is an image cropping jquery plugin that will satisfy your needs and much more.

    jQuery Viewport-Crop : Simple & hassle-free Image Resize & Crop

    jQuery Viewport-Crop : Simple & hassle-free Image Resize & 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.

    jQuery.FileAPI : jQuery plugin for FileAPI

    jQuery.FileAPI : jQuery plugin for FileAPI

    jQuery.FileAPI — jquery plugin for FileAPI (multiupload, image upload, crop, resize and etc.)