What Is Image Cropper?
An image cropper is a web & mobile component which enable the user to resize, move, crop an area of images before they're uploaded to the server.
The most typical use is to select, crop and upload local images for avatars, cover photos, portfolio images, etc.
The Best Image Cropper
Originally Published July 17 2019, updated Jan 31 2023
Table of contents:
jQuery Image Cropping Plugins:
A robust jQuery image cropper plugin that provides a cross-browser, cross-platform, highly customizable image cropping tool for your web application.
An Html5 canvas based image cropping library that lets you create a square or circular viewport permitting to visually resize an image while preserving aspect ratio and perform a crop.
A jQuery plugin which allows you to select an image from local and crop it to a specific size by mouse dragging in a popup window.
rcrop is a fully responsive, mobile-compatible jQuery image cropper which allows to resize images on the client side, while preserving the original aspect radios.
Vanilla JS Image Cropping Plugins:
Smartcrop.js implements an algorithm to find good crops for images. It can be used in the browser, in node or via a CLI.
A simple, lightweight, customizable JS plugin used to crop any images with configurable Aspect Ratio, Min/Max sizes and much more.