Seam Carver - Image Processing

May 2015

Technologies: nodejshtml5canvasalgorithmsgulpimage-processing

Seam carving is an algorithm which implements content-aware image resizing by removing the “least important” seams in the image. An “unimportant” pixel refers to a pixel which is very similar to its surrounding pixels. A seam is like a one pixel column in the image which can zig-zag between adjancent pixels. A dynamic programming algorithm is uesed to calculate these seams efficiently.

Here I reimplement this famous algorithm in the browser! It is rare to see such a complex and powerful image processing algorithm in the browser and challenging to have it run smoothly. I also altered the original implementation to make my own optimization such that only affected pixels need be recalculated when a seam is removed.

Github source code
Live link /seam-carving-js
comments powered byDisqus
Click me!