Computer Graphics Tutorial

Introduction of Computer Graphics History of Computer Graphics Types of Computer Graphics Application of Computer Graphics Input Devices Output Devices Display Devices Display Processor Image Representation Color Model Animation Projection Transformation 2D Translation 2D Rotation 2D Scaling 2D Reflection 2D Shearing 3D Translation 3D Rotation 3D Scaling 3D Reflection 3D Shearing Computer Graphics Window Panning Zooming Clipping Line Clipping Point Clipping Text Clipping Polygon Clipping Scan Conversion Line Drawing Algorithm DDA Line Drawing Algorithm Bresenham’s Line Drawing Algorithm Mid-Point Line Drawing Algorithm Scan Conversion of a circle Bresenham’s Circle Drawing Algorithm Midpoint Circle Drawing Algorithm Scan Conversion of an Ellipse Pointing and positioning Techniques Filled Area Primitives

Misc

2D Transformation in Computer Graphics Types of Computer Graphics Resolution in Computer Graphics Anti-aliasing in Computer Graphics Aspect Ratio in Computer Graphics Composite Transformation in Computer Graphics Homogeneous Coordinates in Computer Graphics Illumination Model in Computer Graphics Rendering in Computer Graphics DPI Meaning in Computer What is Double Buffering?

Image Representation in Computer Graphics
2019-12-12 12:25:35

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.