Introduction to Image Processing using HTML5

Image processing is one of those areas I find a lot of interest. Editing, making enhancements to photos and merging multiple images into a single image can be one of the most creative past times for designers. However developers too could play around with pixels as designers do, and this in fact is known as image processing. It deals with manipulating pixels in an image using code.

Image processing branches out into many research areas such as medical, astronomy, chemistry. Mostly enhancing images for better clarity, extracting out hidden details in an image, enhancing segments of an image are typical uses of Image processing.

This post deals with using HTML5 in the context of image processing. With the improvement of modern browsers now it is possible to perform complex image processing algorithms simply with the context of a web browser.
When it comes to Image processing grayscale images are used to reduce the complexity of processing 3 separate R,G,B channels. Since gray images preserve the same luminosity of the color images, gray image processing algorithms can easily be ported to color images.

Continue reading