Logo

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

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.

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.

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.

Projection in Computer Graphics

Projection Introduction: The technique projection was invented by the Swiss mathematician, engineer, and astronomer "Leonhard Euler Around" in 1756. The "Episcope" was the first projection system. “Projection is a technique or process which...

4 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.

Transformation

Introduction The term Transformation is generally referred to as converting a graphic into another graphic by applying some rules or algorithms. Sometimes an image or picture can be a combination of lines, rectangle,...

2 minutes read.

Mid-Point Line Drawing Algorithm in Computer Graphics

The Mid-point Subdivision algorithm is the extension of the Cyrus-Beck algorithm. The Mid-Point line plotting algorithm was introduced by “Pitway and Van Aken.” It is an incremental line drawing algorithm....

8 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.

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 Scaling

The 2D and 3D scaling are similar, but the key difference is that the 3D plane also includes the z-axis along with the x and y-axis. In scaling, we can expend...

2 minutes read.

Point Clipping

“Point clipping is a process which is used to define the point position.” The point is either inside the view pane (window) or outside the view pane. In computer graphics, the computer...

2 minutes read.

Applications of Computer Graphics

Applications of Computer Graphics Some applications of computer graphics are mentioned below- Graphical User Interface (GUI): It is a way of interacting with a computer using the icon, ...

2 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.

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.

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.

3D Shearing

We can denote shearing with ‘SHx,’ ‘SHy,’ and ‘SHz.’ These ‘SHx,’ ‘SHy,’ ‘SHz’ are called “Shearing factor.” The basic difference between 2D and 3D Shearing is that the 3D plane also...

1 minute read.

DDA line Drawing Algorithm in Computer Graphics

DDA (Digital Differential Analyzer) Line Drawing Algorithm The Digital Differential Analyzer helps us to interpolate the variables on an interval from one point to another point. We can use the digital Differential Analyzer algorithm...

5 minutes read.

Illumination Model in Computer Graphics

Illumination Model in Computer Graphics The series of methods used to depict light in computer graphics scenarios is computer graphics illumination. Although lighting strategies provide versatility in the degree of detail...

8 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.

Computer Graphics Tutorial

Introduction to Computer Graphics Computer graphics is commonly seen as a computer science branch that deals with the computerized image fusion theory and technology. As simple as a triangle outline, a...

6 minutes read.