Earth Analysis Techniques > Eyes on Satellite Data > Course Materials > Week 2 > Intro to ImageJ

Week 2: Analyzing Change Over Time

top of page

Intro to ImageJ

Sample of images in ImageJ

ImageJ is free public domain image processing software developed at the National Institutes of Health. Its power and flexibility allow it to be used as a research tool by scientists in many disciplines, from medicine to astronomy. Installers are available for Windows, MacOS and OSX, and Linux.

You can use ImageJ to display, annotate, edit, calibrate, measure, analyze, process, print, and save raster (row and column) image data. It reads most common raster image formats as well as raw data files in text format, such as from spreadsheets. ImageJ also supports stacks - multiple images in a single window - for animation and analysis.

Movie Icon

Click on the movie to start playing.

loading the player


To help you become comfortable using geospatial technology, we have created a number of short videos that demonstrate basic operations and analysis techniques. These videos are embedded within the instructions throughout the pages of this course. You can quickly find them by looking for the movie camera Movie Icon icon. In addition, all the videos on a given page can be downloaded to your hard drive. You may find it useful to run these videos from your hard drive rather than the Internet, especially if your Internet connection is slow or unstable. The videos are available in flash video and iPod (mp4) formats. You may also use these videos in your teaching if you like. Download and access all the movies on a page from the Movies on this Page section at the bottom of the page.

top of page

Download and Install ImageJ


Go to the ImageJ Download page , and download and install the application for your operating system.

    Click the ImageJ Download page and it will open in a new window. Click the link that appears directly below the name of your computer's operating system (e.g. Mac, Linux, Windows). This action will transfer a compressed file of the software to your computer. Your browser should automatically expand the file, creating an ImageJ folder on your computer's hard drive.

    ImageJ Download page

For more details, or if you have problems running the application, access ImageJ's Installation Instructions then select your operating system.


Note to Windows Users: It is recommended that you install ImageJ in the Documents directory, rather than in the Program Files directory. For security reasons, Windows 8, Windows 7, and Windows Vista do not allow programs to alter themselves by writing files to the Program Files directory. If ImageJ is installed in the Program Files directory, then the update function in Step 2 below will not work properly.
top of page

Update ImageJ Software

ImageJ Updater Window

Double-click the ImageJ icon to launch the application and choose Help > Update ImageJ.... A window will appear, telling you the version you are currently running and a list of upgrade versions. Choose the version you want to upgrade to (usually the most recent, or default version) and click OK. After the update downloads, re-launch ImageJ to run the new version.


Movie Icon
loading the player

Help with Updating ImageJ: Some users have reported problems updating ImageJ in certain versions of Windows. This is causing some of the tools and instructions (for example, setting the Threshold level for the Wand tool) to not function properly.

The quickest way to fix this is to reinstall ImageJ to the Documents directory. Alternately, you can manually update ImageJ with the instructions below:

  1. Right-click the link at right to download the ij.jar file. Be sure to save it as simply ij.jar. ij.jar (Jar Archive 1.4MB Feb8 10)
  2. When prompted where to save the file, navigate to the ImageJ folder and save the file there. Replace the existing ij.jar file.
  3. For most installations, the ImageJ folder will be in the Program Files directory on your hard drive. The path to the ImageJ folder is c:\Program Files\ImageJ.
  4. If you are still having difficulties, please email Larry Kendall directly at larrykendall@verizon.net.
top of page

The ImageJ Toolbar

The ImageJ toolbar contains both built-in and customized tools for manipulating images. Most of the tools are similar to those used in other graphics programs. You will learn about the tools as you use them.

ImageJ Tool Bar

top of page

Download Images

Download two images of Lake Mead to your Week 2 folder or directory.

  1. If you haven't already created a folder (directory) on your computer for your Week 2 files, make one now.
  2. Click the grayscale thumbnail image below to open a full-size version in a separate window. Then right-click (Win) or control-click (Mac) the full-size image to choose File > Save Image As... and save it to your Week 2 folder. Close the image window after you have downloaded its file.
    • Lake Mead 2004 grayscale small, with scale bar lake_mead_2004_grayscale.jpg
  3. Then repeat the procedure for the color image of Lake Mead.
    • Lake Mead 2004 color small, with scale bar lake_mead_2004_color.jpg

top of page

Explore a Digital Image

In ImageJ, choose File > Open..., navigate to your Week 2 folder, and open the lake_mead_2004_grayscale.jpg file. This is a grayscale satellite image of the area around Lake Mead, Nevada, taken by one of the Landsat satellites.

Zoom in and out

  • Using the Magnifying glass tool Magnifying Glass Tool , click once anywhere on the image. Keep clicking on the image, counting your clicks and watching how both the image and the image window title bar change as you zoom in.
  • What is the maximum magnification of the image, and how many clicks does it take to get there?
  • It takes 10 clicks to reach the maximum magnification of 32x (3200%).

    1. The lake_mead_2004_grayscale.jpg image without magnification.

      lake_mead_grey_full

    2. The lake_mead_2004_grayscale.jpg image after four clicks of the magnifying glass tool or at 400% magnification.

      lake_mead_grey_zoom

    3. The lake_mead_2004_grayscale.jpg image at full magnification.

      lake_mead_grey_zoom_full

    Movie Icon
    loading the player

The squares you see are the dots or pixels (short for picture elements) that make up the image. An important concept is that despite the impression given by those amazing FBI image processing techs you see in movies and television you can't zoom in to an image indefinitely. When you reach the point where you can distinguish the individual pixels, you won't see additional details by zooming in more.
  • To zoom out, hold down the Alt (Win) or Option (Mac) key while you click on the image with the Magnifying glass tool Magnifying Glass Tool . You can keep zooming out beyond 100%, all the way down to about 3%. This may be useful when you are working with very large images and you need to see the entire image on screen at one time.
  • To quickly return to 100% from any magnification, double-click the Magnifying glass tool Magnifying Glass Tool on the toolbar.

top of page

Scroll to move around

When you're zoomed in, how do you move around an image?

  • Zoom in to about 800% magnification.
  • Use the Scroll tool Scroll Tool to drag the image in the window in any direction. Because it's often useful to scroll the image while you're using other tools, you can bring up the scroll tool at any time by pressing the space bar. Try it now select a different tool, move your cursor back over the image, hold down the space bar, and drag the image around in the window.
  • Movie Icon
    loading the player

top of page

Investigate Pixel Data

By the numbers - pixel values and coordinates

A digital image no matter where it comes from or how it is produced is really just a string of numbers. Most of the time when you're working with digital images, the software keeps the numbers hidden from you. What makes ImageJ so useful is that you always have access to the numbers. Understanding this will help you and your students unlock the power of ImageJ.
  • Zoom in until you can easily see the individual pixels.
  • Move your cursor around the image and watch the numbers on the ImageJ status bar (just below the toolbar in the ImageJ window). The x and y values represent the x (horizontal) and y (vertical) coordinates. In math class, the origin (0,0) is usually in the lower left corner of a graph. Where is the origin coordinates (0,0) of a digital image?
  • The image origin (0,0) is in the upper left corner.

    Illustration of digital image origin (0,0)
  • To the right of the x and y coordinates on the status bar, it says value = and a number. Move your cursor around the image some more and see if you can tell what the value represents.
  • Zoom back out to 100% and move your cursor over a dark region of the image, then over a light region, watching the value change.
  • In this image, the value represents the brightness measured by the detector on the satellite at that particular location. In general, though, pixel values can represent anything that can be expressed as a number and organized in rows and columns.
  • Mentally fill in the blanks of this statement with appropriate words: "In this image, light pixels have ______ values and dark pixels have ______ values."
  • In this image, light pixels have higher values and dark pixels have lower values.
  • What's the lowest pixel value you can find in the image? What's the highest?
    • Obviously, your answers will vary depending on which pixels you looked at. As it turns out, the lowest pixel value in the image is 0 (black) and the highest is 255 (white). This gives a range of 256 possible values - although there's no guarantee that a particular image will contain any pixels of a particular value.
    • The number 256 is significant, because it represents the number of possible values of an 8-bit binary number (from 00000000 to 11111111).
    • Fortunately, you don't have to worry about binary numbers, but computers use them for all their number crunching and math wizardry. All you need to know is that when an image is described as an "8-bit" image, its pixels can have any of 256 possible values.

    Movie Icon
    loading the player

An important concept here is that storing all this information in an image file on your computer is much more efficient than it seems. The computer doesn't need to store x- and y-coordinates just the pixel values, in one long string, plus the width and height of the image. The coordinates are just information about the pixel under the cursor its column and row number that the software reports to the user.

To reconstruct the image correctly, the computer just needs to "know" the number of columns and rows in the image. This kind of grid of rows and columns is also called a raster, which is why this type of digital image is also called a raster image and why ImageJ is called a raster image processor.


top of page

Play With Color

Lookup tables

So far, you know that a digital image is a string of numbers arranged in rows and columns. How does the computer know what each number should look like when it displays that pixel on your screen? It's pretty simple, really. In addition to a string of numbers, the computer has a "secret decoder ring" called a Lookup Table that it uses in paint-by-number fashion. In a very simple image with only four possible values, the lookup table might look like 0 = black, 1 = blue, 2 = red, 3 = white. In an 8-bit image, the 256 possible values correspond to 256 colors. (Okay, we know what you're thinking, but black, white and all those grays ARE colors!) The lookup table can be stored in the file with the data, or you can control it using the software that's displaying the data.

The key thing to remember about lookup tables is that they change the appearance of the image, not the pixel values themselves. The colors may change, but the numbers don't.
Now we can put it all together into a simple definition of a digital image:

A digital image is a series of numbers, arranged in a grid of rows and columns, and displayed according to a lookup table.

This image is an 8-bit image. Each pixel is represented in the computer's memory by an 8-bit binary number, representing 256 possible values from 0 to 254. Another term for the number of binary bits used to describe the value of a pixel is bit depth. You can think of the bit depth as the 3rd dimension of an image (width and height are the other two).

  • Close the lake_mead_2004_grayscale.jpg image.

top of page

Color images

  • Navigate to your Week 2 folder and open the lake_mead_2004_color.jpg file. This is a color version of the image you have been working with.
  • Briefly explore the image by zooming, scrolling, and looking at coordinates and pixel values. Do you notice anything different about those pixel values?
  • Yes, in this color image there are 3 values (numbers) for each pixel. These represent three separate color channels Red, Green, and Blue (RGB). Think of the three numbers as a recipe. Each value represents the amount of its corresponding color. In other words, a pixel with color values of 192,125,75 has 192 parts of red light, 125 units of green light, and 76 units of blue light (out of a maximum 255 parts) - giving that pixel a brownish orange color.

    R+G+B=RGB Color

    RGB color images like this don't need lookup tables, because each pixel in the image has a recipe for how it should look. However, since each pixel now requires three 8-bit numbers rather than just one, this image requires three times the computer memory as the grayscale image.

  • Close the color image.

top of page

Explore More If You Have Time

When values represent something other than brightness

  • Right-click (Win) or control-click (Mac) the link below and download the image file to your Week 2 folder.
  • Lake Mead DEM (8-bit) (TIFF 1.4MB Jan30 10)
  • Open the lake_mead_dem_8-bit.tif file.
  • This image is a Digital Elevation Model (DEM) of the Lake Mead area. Instead of the brightness, each pixel value in the image represents the elevation at that location. The image has been calibrated so that the pixel values from 0 to 255 are converted to elevation (in meters). Mouse around the image and look at the pixel (elevation) values.
  • Can you find the elevation of the lake itself?
  • The elevation of the lake is about 325 meters above sea level. The calibrated value is shown on the ImageJ status bar, followed by the original 8-bit value in parentheses.


    Read Calibrated Values

  • Apply different lookup tables to the image (Image > Lookup Tables).
  • This is how it looks with the 32_Colors lookup table.

    DEM LUT

  • Use Analyze > Surface Plot to re-create a 3-D view of the scene. Choose Analyze > Surface Plot. Check Draw Wireframe, Shade, Draw Axis, and Smooth in the Surface Plotter dialog box.
    Surface Plot
  • Use one of the line selection tools to select a path through the scene. Then choose Analyze > Plot Profile to create a profile plot along the path.
  • Lake Mead DEM Profile Plot
  • Close the lake_mead_dem_8-bit.tif image.
top of page

Resources

  • To learn more about using ImageJ, refer to the ImageJ Documentation pages.
  • Here is the NASA Earth Observatory article where the Lake Mead image came from.

top of page

Movies on this Page

How to download movies

  • Click the link to go to the SERC media library listing for the movie. The record will open in a new window.
  • On the SERC media library page, right-click (Win) or control-click (Mac) the link (below the movie on the Flash version pages) to download the movie file to your hard drive.
  • Look below the movie window for the file download link.

    Save Movie from CMS listing

top of page

Flash video versions

Download these versions to play on your computer. You'll need an appropriate movie player to view the file, such as Flash Player, Real Player (Mac / Win), or Adobe Media Player.

Movie Icon Quick Tour of ImageJ

Movie Icon Updating ImageJ

Movie Icon Zooming

Movie Icon Scrolling

Movie Icon Pixel Coordinates and Values

top of page

iPod versions

Download these version to play on your iPod or iPhone.

Movie Icon Quick Tour of ImageJ

Movie Icon Updating ImageJ

Movie Icon Zooming

Movie Icon Scrolling

Movie Icon Pixel Coordinates and Values

top of page