Content Aware Image Resizing implemented with JavaScript

Drag the right border of the top image or use left ⇦ and right ⇨ arrow keys. Then use the form to change settings. This demo requires Firefox 3.5 at least.

For more informations on the implementation look at the original post at Follow me on Twitter or on my blog.

Liquid resized picture

Compare with

Test yourself

courtesy Nasa courtesy Feuillu courtesy Guttorm Flatabø courtesy Carlo Nicora

(Full image, full iterative algorithm)
(Full image, 1 pass algorithm)
(Half image, 1 pass algorithm)