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 10 2024
Table of contents:
jQuery Image Cropping Plugins:
A lightweight, easy-to-use image cropper & resizer plugin based on jQuery and HTML5 canvas element.
A robust jQuery image cropper plugin that provides a cross-browser, cross-platform, highly customizable image cropping tool for your web application.
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.
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.
Vanilla JS Image Cropping Plugins:
A simple, lightweight, customizable JS plugin used to crop any images with configurable Aspect Ratio, Min/Max sizes and much more.