Image Representation in Computer Graphics

Image Representation: In computer science, we can represent an image in various forms. Most of the time, it refers to the way that brings information, such as color is coded digitally, and how the image is stored, i.e., how an image file is structured.       

Several open standards were recommended to create, manipulate, store, and exchange digital images. The rules described the format of image files, the algorithms of image encoding, the form of additional information often named as metadata.

A digital image is the composition of individual pixels or picture elements. The pixels are arranged in the form of row and column to form a picture area. The number of pixels in an image is a function of the size of the image and number of pixels per unit length (e.g., inch) in horizontal as well as vertical direction.

Image Processing

It is a method to implement some operations on an image. It is also used to get an enhanced image or to access some useful information from an image. It is a type of processing in which the input is an image, and output may be the image or characteristics/features correlated with that image.

For example- photographs, frames of video.

Most image processing techniques consider the image as a two-dimensional and applying standard signal-processing technique on it.

Pixel: “Pixel is the smallest unit of a picture displayed on the computer screen.”

A pixel includes its own:-

  • Intensity
  • Name or Address

The size of the image is defined as the total number of pixels in the horizontal direction times the total number of pixels in the vertical direction (512 x 512,640 x 480, or 1024 x 768).

The ratio of an image’s width to its height, we can measure it in unit length or number of pixels, is known as the aspect ratio of the image.

For example- A 2 x 2inch image and a 512 x 512 image have an aspect ratio of 1/1, whereas a 6 x 4inch image and a 1024 x 768 image have an aspect ratio of 4/3.

Image Processing

Resolution: It is the number of separate pixels display on a screen expressed in terms of pixels on the horizontal axis and vertical axis.

The sharpness of the picture on display depends on the resolution and the size of the monitor.

“The number of pixels per unit is called the resolution of the image.”

It also includes-

  • Image Resolution: “The distance between two pixels.”
  • Screen Resolution: “The number of horizontal and vertical pixels displayed on the screen is called Screen Resolution.”

For Example- 640 x 480, 1024 x 768 (Horizontal x Vertical)

Image Resolution

Aspect Ratio: “The ratio of image’s width to its height is known as the aspect ratio of an image.” The height and width of an image are measured in length or number of pixels.

For Example: If a graphics has an aspect ratio of 2:1, it means the width is twice large to height.

It includes-

  • Frame aspect ratio: Horizontal /Vertical Size
  • Pixel aspect ratio: Width of Pixel/Height of Pixel

Applications of Image Processing

Some application areas of Image Processing are as follow:

  1. Computerized Photography
  2. Space Image Processing (e.g., Hubble space telescope image, Interplanetary probe images)
  3. Medical/ Biological Image Processing
  4. Automatic Character Recognition
  5. Fingerprint/ Face/ Iris Recognition
  6. Remote sensing
  7. Industrial application

Format of Image Files

There are some different type of images which are mentioned as:

  • JPEG (Joint Photographic Experts Group): It is used for digital images, especially for those images which are composed of digital photography. The ‘.jpeg’ filename extension is used to save the file.
  • PNG (Portable Network Graphics): These files are commonly used to store graphics for web images. PNG was developed to enhance the non-registered replacement for Graphics Interchange Format. The ‘.png’ filename extension is used to save the file.
  • GIF (Graphics Interchange Format): It is a file format for storing graphical images up to 256 colors. PNG is based on a lossless compression method, which makes higher quality output. PNG was created as a more powerful option to the GIF file format. The ‘.gif’ filename extension is used to save the file.
  • TIFF/ TIF (Tagged Image File): These files can be saved in a collection of color formats and many forms of compression. TIFF file is used to maintain image integrity and clarity. It is often used for professional photography. The ‘.tif’ filename extension is used to save the file.
  • PSD (Photoshop Document): It is a layered image file used in Adobe PhotoShop. It is a default format that is used by PhotoShop for saving data. PSD is a custody file that allows the user to work with the images' separate layers even after the file has been saved. The ‘.psd’ filename extension is used to save the file.
  • PDF (Portable Document Format): It is used to share the documents between computers and across operating system platforms when the user needs to save files that cannot be altered. The ‘.pdf’ filename extension is used to save the file.
  • EPS (Encapsulated Postscript): It is a graphics file format, which is used in vector-based images. In Windows, the user needs graphics software to open the EPS file (i.e., Adobe Illustrator, Coral Draw). The ‘.eps’ filename extension is used to save the file.
  • AI (Adobe Illustrator Document): It is a file format developed by Adobe system. It is used to represent single-page vector-based drawings in EPS or PDF formats. The ‘.ai’ filename extension is used to save the file.

Related Topics

Midpoint Circle Drawing Algorithm in Computer Graphics

The midpoint circle drawing algorithm helps us to calculate the complete perimeter points of a circle for the first octant. We can quickly find and calculate the points of other...

12 minutes read.

2D Reflection

The Reflection is a mirror image of the original object. In the Reflection process, the size of the object does not change. We can represent Reflection by using four ways- Reflection along...

2 minutes read.

Aspect Ratio in Computer Graphics

Aspect Ratio in Computer Graphics You might well understand the concept of Aspect ratio as of now if you know regarding aerial photography or see the configuration portion of any computer...

5 minutes read.

Bresenham’s Line Drawing Algorithm in Computer Graphics

This algorithm was introduced by “Jack Elton Bresenham” in 1962. This algorithm helps us to perform scan conversion of a line. It is a powerful, useful, and accurate method. We...

8 minutes read.

2D Rotation

The Rotation of any object depends upon the two points. Rotation Point: It is also called the Pivot point. Rotation Angle: It is denoted by Theta (). We can rotate an object in...

1 minute read.

Panning

“Panning is a process or photographic technique that is used to combine slow shutter speed with camera movement to make a speed sense around the moving object.” We can define panning as...

2 minutes read.

2D Shearing

We can denote shearing with ‘SHx’ and ‘SHy.’ These ‘SHx’ and ‘SHy’ are called “Shearing factor.” We can perform shearing on the object in two ways- Shearing along x-axis: In this, we...

2 minutes read.

Clipping in Computer Graphics

“The Clipping is a type of transformation used in computer graphics to remove lines, objects, and segments of lines that are outside the computer screen or viewing pane.” The clipping is a...

2 minutes read.

3D Translation

A 3D Translation process contains the x-axis, y-axis, and z-axis. We can move any object from one place to another without changing the shape of the object. For Example-Translation of a...

1 minute read.

Color Models in Computer Graphics

"Color model is a 3D color coordinate system to produce all range of color through the primary color set." There are millions of colors used in computer graphics. The light...

3 minutes read.

Composite Transformation in Computer Graphics

Composite transformation in Computer Graphics It is possible to integrate a range of transformations or series of transformations into some kind of a single one which is known as composition. The...

6 minutes read.

Animation in Computer Graphics

The word Animation is extracted from a Latin language, "Anima," which means "Soul." TheAnimation is a technology that allows any image object, an entity to walk, talk, or do some...

3 minutes read.

Line Clipping in Computer Graphics

The line clipping is a process in which we can cut the part of the line, which lies outside the view pane. Only those lines are visible, which lie inside the view pane....

13 minutes read.

Image Representation in Computer Graphics

Image Representation: In computer science, we can represent an image in various forms. Most of the time, it refers to the way that brings information, such as color is coded digitally, and...

4 minutes read.

Rendering in Computer Graphics

Rendering in Computer Graphics Rendering is the operation, by virtue of a software system, of creating a picture from a template. In a specifically defined term or information structures, the model is a...

9 minutes read.

3D Rotation

The 3D rotation is different from 2D rotation. In 3D Rotation we also have to define the angle of Rotation with the axis of Rotation. For Example- Let us assume, The initial...

2 minutes read.

Line Drawing Algorithm in Computer Graphics

“The Line drawing algorithm is a graphical algorithm which is used to represent the line segment on discrete graphical media, i.e., printer and pixel-based media.” A line contains two points....

3 minutes read.

Types of Computer Graphics

Types of Computer Graphics The computer graphics contains two types. They are- Raster (Bitmap) graphicsVector graphics Many individuals are likely to consider pictures on computers (or phones, tablets, or some other electronic gadget...

5 minutes read.

3D Reflection

The Reflection is a mirror image of the original object. We can differentiate 2D and 3D reflection by adding Z-axis. The Z-axis shows the depth of the surface. In the...

1 minute read.

2D Translation

We can move any object from one to another place without changing the shape of the object. For Example- Translation of a Point:If we want to translate a point from P (x0,...

1 minute read.