You are here: Home

ImageProcessingBasics.com has a collection of informative and interactive web components explaining basic digital image processing concepts.

Each interactive element is accompanied by a short tutorial explaining the underlying theory. Furthermore, comments are welcome and are displayed at the bottom of the page for each topic.

NOTE: Some (most) of the interactive tools have not yet been migrated from the "dead" Java applet platform to HTML5/Javascript.

For the web components not yet migrated, it looks like one has to use the "appletviewer" tool found in the JDK to view the interactive java examples. When the tool is installed, one can start the applet by typing "appletviewer URL", e.g.: 

 >> appletviewer https://www.imageprocessingbasics.com/spatial-resolution/

Our currently available tutorials/applets:

Spatial resolution
Explains spatial resolution and the Rayleigh spatial resolution limit.
Sampling and aliasing
See how different sampling resolutions can cause aliasing, and how to do anti-aliasing.
Pixel re-quantization
Explore in real time the effects of changing the number of pixel quantization levels.
Geometric transforms
See the effects of varying the parameters in the affine geometric transform.
Graylevel transforms
Interactively explore the effect of changing the parameters in graylevel transform functions.
Histogram equalization
Perform histogram equalization or do some histogram specification interactively.
Local graylevel mapping
Perform local graylevel mapping, both equalization and linear graylevel transforms.
Convolution-based filters
Edit convolution kernels, and immediately see the resulting images and the kernels' frequency responses.
RGB-to-grayscale projection
Study how digital color images are composed of red, green and blue (RGB) layers, and interactively control (simple) rgb-to-grayscale projections.
Color lookup tables
Choose between common approaches to building color lookup tables, understand the reasoning behind them, and study their effect.
Threshold-based segmentation
Study segmentation by thresholding by interactively setting the threshold for a range of images, or get a more hands-on feel for Otsu's method.

May 8, 2024: It has taken a while, but now our first applet has been migrated to HTML5/JavaScript! spatial-resolution tutorial.

January 17, 2019: Finally, the work on migrating our interactive tutorial tools from the "dead" Java applet platform to HTML5/Javascript has started. Initial results look promising!

March 13, 2013: Unfortunately, the scaling of the spectrum in the convolution-based filters applet was a bit confusing -- now much improved!

March 11, 2013: Otsu's key in our new applet on threshold-based segmentation. Tutorial text to follow!

October 26, 2012: We're now using Disqus for handling our commenting.

October 13, 2012: This image of a woman's face that is used throughout the site; what's the story? The Lena/Lenna image on wikipedia.org.

August 10, 2012: A first draft of the tutorial text accompanying the color lookup tables applet is out.

April 29, 2012: Sticking to brightening up; an applet on color lookup tables is here! A tutorial text is, eh, to follow.

Feb 25, 2012: Color me gray! The accompanying tutorial text for the RGB-to-grayscale applet is out.

.. older news

ImageProcessingBasics.com © 2008-2024