Mozilla Demo Studio

  • Submit a Demo

Context Aware Image Resizing

Resize an image without distorting the foreground features in the image. Only distort the background.

Built using Web Workers, Canvas

  • 177 views
  • 0 comments

More About This Demo From The Author

This demo is an implementation of the computationally intensive context aware image resizing algorithm. The algorithm analyses the image and shrinks in in such a way that the main parts of the image in the foreground do not appear distorted. Only the background of the image changes. Web Workers handle the complex calculations so that the main UI thread is not frozen .

Short Explanation -
In case the image is resized in width, 'seams' are calculated from top to bottom of the image. A seam is a continuous path from the top to bottom such that is goes around the main features of the image. When resizing, such seams are removed in reverse order of importance, preserving the main features of the image.

No comments yet.

Register or log in to add your own.

Get the Source Code

Download the Source 3566.19 KB · ZIP File

Browse the Source

This demo is released under the Apache license.

More by Parashuram