Digital Image

02-01 Digital Image

  • What is a Digital Image?

  • How to make an image a computable entity?

https://dl.dropbox.com/s/vwef0l8tqlnor3z/Screenshot%202018-02-04%2011.16.33.png?dl=0 https://dl.dropbox.com/s/jw2v573bhtpyjti/Screenshot%202018-02-04%2011.22.02.png?dl=0 https://dl.dropbox.com/s/21btqm84bdt250r/Screenshot%202018-02-04%2011.22.47.png?dl=0 https://dl.dropbox.com/s/v6fdojuaoqyf0i9/Screenshot%202018-02-04%2011.24.20.png?dl=0 https://dl.dropbox.com/s/dypcj04i5ffstui/Screenshot%202018-02-04%2011.25.28.png?dl=0 https://dl.dropbox.com/s/abjs3l04y1ummfl/Screenshot%202018-02-04%2011.25.51.png?dl=0 https://dl.dropbox.com/s/s9smb1p397n0i0h/Screenshot%202018-02-04%2011.45.09.png?dl=0 https://dl.dropbox.com/s/tnn6kxo3uop70uj/Screenshot%202018-02-04%2011.45.56.png?dl=0 https://dl.dropbox.com/s/judzm0d7smbb1vt/Screenshot%202018-02-04%2011.47.28.png?dl=0 https://dl.dropbox.com/s/bvu19dhlzkb4ixt/Screenshot%202018-02-04%2011.48.20.png?dl=0 https://dl.dropbox.com/s/rpdw8lehudx502f/Screenshot%202018-02-04%2011.48.47.png?dl=0

Digital Image Formats

Raster image formats store a series of colored dots “pixels.”

Number of bits for each pixel represents the depth of color.

  • 1 bit-per-pixel: 2 colors (black or white, binary).

  • 4 bits-per-pixel: 16 colors

  • 8 bits-per-pixel: 256 different colors

Images can also be 16, 24, 32 bits-per-pixel:

  • 24 bits per pixel usually means 8 bits per color

  • At the two highest levels, the pixels themselves can carry up to 16, 777, 216 colors

Common Raster Image formats

  • GIF, JPG, PPM, TIF, BMP etc.

  • Will discuss camera RAW format.

Exercises

  • mathworks.com

  • opencv.org, python.org

  • processing.org

02-02 Point Processes

Image Processing and Filtering

  • Point Process Computations on an Image

  • How to combine intensities from 2 images.

  • Point-process computations

  • Add / Subtract Images

  • alpha-blending and it’s applications

  • Image histograms

https://dl.dropbox.com/s/s5am4wg2ystitjb/Screenshot%202018-02-04%2012.28.10.png?dl=0 https://dl.dropbox.com/s/s7n8bp0flfvqunv/Screenshot%202018-02-04%2012.28.26.png?dl=0 https://dl.dropbox.com/s/nqs7cjzzsbor3v6/Screenshot%202018-02-04%2012.29.11.png?dl=0 https://dl.dropbox.com/s/acpkq1m9jxnoq1k/Screenshot%202018-02-04%2012.29.33.png?dl=0 https://dl.dropbox.com/s/zs9viliiqkdvd81/Screenshot%202018-02-04%2012.30.07.png?dl=0

02-03 Blending Modes

https://dl.dropbox.com/s/nzdsj49wt570u02/Screenshot%202018-02-04%2012.35.12.png?dl=0 https://dl.dropbox.com/s/n313alcbat9cof3/Screenshot%202018-02-04%2012.35.36.png?dl=0 https://dl.dropbox.com/s/inhsf6qf4u1sves/Screenshot%202018-02-04%2012.36.45.png?dl=0

02-04 Smoothing

Image Processing and Filtering: Smoothing

  • Smooth an image over a neighborhood of pixels

  • Median Filtering as a special non-linear filtering and smoothing approach.

https://dl.dropbox.com/s/hu7yrj46bsto2c5/Screenshot%202018-02-04%2012.46.19.png?dl=0 https://dl.dropbox.com/s/3rmuhncfa2i1ioo/Screenshot%202018-02-04%2012.51.40.png?dl=0 https://dl.dropbox.com/s/afvcsud46cfh95m/Screenshot%202018-02-04%2012.52.22.png?dl=0 https://dl.dropbox.com/s/hqc443ln4u0gzb0/Screenshot%202018-02-04%2012.52.40.png?dl=0 https://dl.dropbox.com/s/24owovd0m7l45d3/Screenshot%202018-02-04%2012.53.58.png?dl=0 https://dl.dropbox.com/s/co0tfjf6lxm1uxc/Screenshot%202018-02-04%2012.54.52.png?dl=0 https://dl.dropbox.com/s/bwzsh533x86rssm/Screenshot%202018-02-04%2012.55.36.png?dl=0 https://dl.dropbox.com/s/5b8i1vhnbdyxr80/Screenshot%202018-02-04%2012.56.13.png?dl=0 https://dl.dropbox.com/s/6itzirijyvrft5m/Screenshot%202018-02-04%2012.57.33.png?dl=0 https://dl.dropbox.com/s/qqxlzsrl38bszbh/Screenshot%202018-02-04%2012.58.06.png?dl=0 https://dl.dropbox.com/s/15621rpndu4zwo5/Screenshot%202018-02-04%2013.04.53.png?dl=0

Median Filtering

Median Filtering: Non Linear Operation often used in image processing.

  • Reduces noise, but

  • Preserves edges (Sharp Lines!)

Main Idea: Use median of all pixels in kernel area, instead of mean.

02-05 Convolution and Cross-Correlation

02-06 Gradients

02-07 Edges