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 http://labs.pimsworld.org. 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

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