jQuery SmartCrop

by Greg Schoppe (gschoppe.com)
Fork Me on Github!

jQuery plugin enabling client-side responsive image rendering. Just define widths and heights for image files, using responsive CSS, and SmartCrop will resize and crop the image to best match the defined size.

Important Note: jQuery SmartCrop is currently a proof of concept. Resource usage is currently very high, and the algorithms used are NOT yet optimized in ANY way. This plugin is NOT yet recommended for use in ANY production site

(resize the window to see the responsive script in action)

Advanced Demo

Greg Schoppe

Greg Schoppe is a web developer from Burlington, VT. He studied Computer Science at Carnegie Mellon University, and has worked for Google, the US Marine Corps, and OSHA. In his spare time, Greg likes to play guitar, cook, and practice amateur photography.