Introduction to Digital Image Analysis Part I: Digital Images

Slides:



Advertisements
Similar presentations
Digital Color 24-bit Color Indexed Color Image file compression
Advertisements

L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
A Digital Imaging Primer Nick Dvoracek Instructional Resources Center University of Wisconsin Oshkosh.
GIMP Tutorial v2.0 Boo Virk
Working with Image Files Aaron Fuegi SCV Visualization Workshop – Fall 2008.
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
ETT 429 Spring 2007 Digital Photography/Scanners.
Working with Image Files Aaron Fuegi IS&T Scientific Visualization Tutorial – Spring 2010.
Graphics in the web Digital Media: Communication and Design
Introduction to Computer Graphics
1 Basics of Digital Imaging Digital Image Capture and Display Kevin L. Lorick, Ph.D. FDA, CDRH, OIVD, DIHD.
The University of Adelaide Picture Perfect: Image Formats and Resolution Peter Murdoch March 2014 PREPARING GOOD LOOKING DOCUMENTS.
Digital Images. Scanned or digitally captured image Image created on computer using graphics software.
Graphics.
Digital Images The digital representation of visual information.
Color Names All standards-compliant browsers should handle these color names These color names can be used with the CSS properties of color and background-color.
Digital Imaging Utah State University Extension Eric Hawley.
COMP Bitmapped and Vector Graphics Pages Using Qwizdom.
Lab #5-6 Follow-Up: More Python; Images Images ● A signal (e.g. sound, temperature infrared sensor reading) is a single (one- dimensional) quantity that.
1 Image Basics Hao Jiang Computer Science Department Sept. 4, 2014.
Image Storage Bitmapped Graphics – in which an image is represented as a collection of dots Vector Graphics – in which an image is represented as a set.
1 Perception, Illusion and VR HNRS 299, Spring 2008 Lecture 14 Introduction to Computer Graphics.
Images The Science of Images What is an Image on the computer? The Psychology of Images What do we use images for? What effect color has on our mood and.
Digital Cameras And Digital Information. How a Camera works Light passes through the lens Shutter opens for an instant Film is exposed to light Film is.
1 Ethics of Computing MONT 113G, Spring 2012 Session 10 HTML Tables Graphics on the Web.
Digital Media Dr. Jim Rowan ITEC 2110 Bitmapped Images.
Raster Graphics. An image is considered to be made up of small picture elements (pixels). Constructing a raster image requires setting the color of each.
Computer Images Can store color info about each pixel, but makes file BIG Compression for Web 15.
Graphics workshop Library and Information Services University of St Andrews.
Image Representation. Digital Cameras Scanned Film & Photographs Digitized TV Signals Computer Graphics Radar & Sonar Medical Imaging Devices (X-Ray,
Images. Digital Images Rectangular arrays of pixel data Pixel - picture element, smallest addressable part of the frame buffer. Color depth - the depth.
 By Bob “The Bird” Fiske & Anita “The Snail” Cost.
Image File Formats. What is an Image File Format? Image file formats are standard way of organizing and storing of image files. Image files are composed.
POWERPOINT PLUS 11/17/07 Class Notes. WHAT IS A PIXEL A pixel is a number that represents the intensity of light at a square spot in the picture. Pixels.
Lesson 2: Introduction to Digital Imaging Digital Photography MITSAA IAP 2003 Rob Zehner.
HTTP transaction with Graphics HTML file + two graphics files.
Designing a Microscopy Experiment Kurt Thorn, PhD Director, Image from Susanne Rafelski, Marshall lab.
Image: Susanne Rafelski, Marshall lab Introduction to Digital Image Analysis Part I: Digital Images Kurt Thorn NIC UCSF.
Introduction to Digital Image Analysis Kurt Thorn NIC.
ITEC2110, Digital Media Chapter 3 Digital Image Processing 1 GGC -- ITEC Digital Media.
SalsaJ (Such a Lovely Software for Astronomy) Practical Session.
Photoshop / Illustrator Workshop
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
8th Lecture – Intro to Bitmap or Raster Images
What is a digital image ? 1.
BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS
DIGITAL MEDIA FOUNDATIONS
Photography, chapters 6 & 7
Graphics and image data representation
Sampling, Quantization, Color Models & Indexed Color
Binary Representation in Audio and Images
Digital Photo editing with Photoshop
How to Convert Pictures into Numbers
Chapter 3 Graphics and Image Data Representations
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
1.01 Investigate graphic types and file formats.
Introduction To Photo Editing SHIELA MAE A. AQUINO SRNHS.
A computer display is made up of small squares, called pixels.
Dr. Jim Rowan ITEC 2110 Bitmapped Images
LET’S LEARN ABOUT GRAPHICS!
Digital Images.
An Introduction to Scanning and Storing Photographs and Graphics
Digital Image Fundamentals
Graphic File Format Skill Area
Nuts and Bolts of Digital Imaging
COMS 161 Introduction to Computing
COMS 161 Introduction to Computing
Digital Image Processing
Basic Concepts of Digital Imaging
Visuals are analog signals...
Presentation transcript:

Introduction to Digital Image Analysis Part I: Digital Images Kurt Thorn NIC UCSF Image: Susanne Rafelski, Marshall lab

Many measurements of light intensity What is a digital Image? Many measurements of light intensity 1 3 5 4 2 6 13 20 11 14 44 75 81 45 12 28 98 255 234 78 27 94 215 194 68 18 39 66 63 35 8

Bit depth and dynamic range # of bits range 1 2 0 1 2 4 0 1 2 3 4 16 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 8 256 1-byte 12 4096 2-bytes 16 65536

Bit depth and dynamic range

Your monitor is an 8-bit display Converting bit-depth Your monitor is an 8-bit display # of bits range 1 2 0 1 2 4 0 1 2 3 4 16 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 8 256 12 4096 16 65536

Mapping values onto display 255 255 Display Intensity Digital Number

Intensity scaling Computer screens are 8-bit Publishers also want 8-bit files 255 Final Intensity 4095 Original Intensity You lose information in this process – values 4080-4095 all end up as 255

Intensity scaling Max 255 Contrast Final Intensity Brightness 4095 4095 Original Intensity Min

Brightness / Contrast adjustment

Be aware of how your software scales your image Brightness/contrast Be aware of how your software scales your image Auto-Scale Full Range

Be aware of how your software scales your image Brightness/contrast Be aware of how your software scales your image High B/C Full Range

Gamma correction Other contrast stretching transforms…. g=0.45 Output Intensity g=2.2 g=1 Input Intensity Other contrast stretching transforms….

Gamma adjustment g=0.6 g=1 0.6 g=2.2

What are acceptable image manipulations? JCB has the best guidelines http://jcb.rupress.org/misc/ifora.shtml#image_aquisition http://jcb.rupress.org/cgi/content/full/166/1/1 Brightness and contrast adjustments ok, so long as done over whole image and don’t obscure or eliminate background Nonlinear adjustments (like gamma) must be disclosed No cutting and pasting of regions within an image (e.g. individual cells) Control and experiment must be treated identically

Lookup Tables (LUTs) 1 3 0 1 2 3

False coloring to bring out detail

False coloring to bring out detail

Lookup Tables (LUTs)

Lookup Tables (LUTs)

Color Images Color images are made up of three gray scale images, one for each of red, green, and blue Can be 8 or 16 bits per channel

Color Images

Color Images 255 209 139 0 89 93 93 255 231 255 0 0 0 0 0 134 0 185 93 90 0 0 39 185 0 255 255 214 255 0 137 0 255 249 185 255 = Or 255 93 134 214 137 249 209 89 255 90 39 185 139 93 231 185 255

Stacks: Sequences of images Can represent time series(movies), z-positions, or other variables 813 790 827 860 873 771 807 882 921 1216 1062 940 815 962 1816 3422 2185 1140 803 1094 2395 3816 4134 1244 784 892 1464 1961 1689 1139 820 884 965 1082 1146 990 760 763 801 767 817 745 723 766 795 864 867 860 703 800 1016 1574 1299 849 744 829 1146 11117 2378 1030 756 792 908 1337 1149 883 757 874 880 823 831 651 790 915 1115 1086 871 799 1036 1851 2689 2300 1306 917 1688 2626 2354 2081 2304 983 2071 1790 4394 3187 2634 825 1671 2542 1820 1799 2206 803 1092 1823 2183 2314 1430 Z

File Formats Data sets can be big: 1392 × 1040 × 2 = 2.8MB 3-channels, 15 image z-stack, 200 time points: 2.8 × 3 × 15 × 200 = 25.2GB Compression!

Compression Lossless vs. Lossy Lossless: preserves all information in original image Original image can be restored Lossy: discards information not necessary for visual appearance Original image cannot be restored See: http://dvd-hq.info/data_compression.php

File Formats Most portable: TIFF 8 or 16-bit, lossless, supports grayscale or RGB Good: JPEG2000, custom formats (nd2, ids, zvi, lsm, etc.) Lossless, supports full bitdepth Custom formats often support multidimensional images Not so portable Generally Bad: Jpeg, GIF, BMP, etc. Lossy and / or 8-bit

Software Tools Photoshop Gimp NIS-Elements AxioVision MetaMorph Zen Acquisition + Analysis Presentation Photoshop Gimp NIS-Elements AxioVision MetaMorph Zen Slidebook Micro-Manager http://micro-manager.org/ Analysis Matlab ImageJ http://rsb.info.nih.gov/ij/ Imaris (3D visualization) CellProfiler http://cellprofiler.org

Acknowledgements Nico Stuurman