AZERBAIJAN STATE
OIL AND INDUSTRY UNIVERSITY
SUBJECT: FUNDAMENTALS OF PROGRAMMING
TEACHER: SEVINJ KARIMOVA
COMPUTER SCIENCE
STUDENT: SHAMS RASULZADE
GROUP : 606.20E
 Digital Coding of Images
 WHAT IS A DIGITAL IMAGE ?
• A digital image is an image composed of picture elements, also
known as pixels. Digital imaging is the creation of a
representation of the visual characteristics of an object .
Depending on whether the image resolution is fixed, it may be
in 2 types :
Raster
Vector
Raster images or bitmapped
image have a finite set of digital values,
called picture elements or pixels. The
term bitmap refers to how a given
pattern of bits in a pixel maps to a
specific color.
A raster is technically characterized by
the width and height of the image in
pixels and by the number of bits per
pixel.
Raster Images
The digital image contains a fixed
number of rows and columns of pixels.
It is a dot matrix data structure that
represents a generally rectangular grid
of pixels (points of color), viewable via
a bitmapped display (monitor) or paper.
A bitmap is a rectangular grid
of pixels, with each pixel's
color being specified by a
number of bits.
The smiley face in the top left corner
is a raster image. When enlarged,
individual pixels appear as squares.
Enlarging in further, they can be
analyzed, with their colors
constructed by combining the values
for red, green and blue.
Raster Images
Indicators characterizing the quality of raster graphics:
1. Color Depth
2. Resolution
The number of bits stored in each pixel is known as the color depth. The bit
depth (pixel depth) of a cell determines the range of values that a particular
raster file can store, which is based on the formula 2n (where n is the bit depth).
For example, an 8-bit raster can have 256 unique values that range from 0 to 255.
The number of pixels, called resolution, affects how much detail can be
depicted in an image. Resolution is often expressed as the number of pixels
in a column times the number of pixels in a row (for example, 800 × 600).
Raster images can be created by a variety of input
devices and techniques, such as digital
cameras, scanners, coordinate-measuring machines,
seismographic profiling, airborne radar, and more.
Raster Images
Vector Images
Vector images resulted from mathematical
geometry (vector). In mathematical terms, a
vector consists of both a magnitude, or length,
and a direction.
Vector images, or line art, keep track of points
and the equations for the lines that connect
them.
Generally speaking, vector images are made
up of paths or line art that can infinitely
scalable because they work based on
algorithms rather than pixels.
One of the greatest things about vector images is that
you can re-size them infinitely larger or smaller, and
they will still print out just as clearly, with no increase
(or decrease) in file size. Instead of sectioning off a
large region of computer memory and mapping that to
the display device, vector display devices use a variable
number of lines to create images—hence the term
"vector graphics."
Vector Images
Since vector display devices can define a line by dealing with
just two points, the device can reduce the total amount of
data it must deal with by organizing the image in terms of
pairs of points.
Vector graphics have the unique advantage over raster
graphics in that the points, lines, and curves may
be scaled up or down to any resolution . The points
determine the direction of the vector path; each path may
have various properties including values for stroke color,
shape, curve, thickness, and fill.
Vector Images
Unlike most digital images, vectors can't be
opened with all graphics programs. You'll need a
vector editor like Adobe Illustrator.
Vector graphics can be created in a form using
a pen plotter, a special type of printer.
Vector Images
Raster Vector
Comprised of pixels, arranged to form an image
Comprised of paths, dictated by mathematical
formulas
Constrained by resolution and dimensions Infinitely scalable
Perfect for “painting” Perfect for “drawing”
Large file sizes (but can be compressed) Small file sizes
File types- .jpg, .gif, .png, .tif, .bmp, .psd; plus .eps .pdf File types- .ai, .cdr, .svg; plus .eps .pdf
Raster software includes Photoshop and GIMP
Vector software includes Illustrator, CorelDraw, and
InkScape
Differences between raster and vector
Digital images have several basic characteristics.
One is the type of the image. For example, a black
and white image records only the intensity of the
light falling on the pixels. A color image can have
three colors, normally RGB (Red, Green, Blue) or
four colors, CMYK (Cyan, Magenta, Yellow, blacK).
DIGITAL IMAGES
RGB
The RGB color model is an additive color model in which red, green,
and blue light are added together in various ways to reproduce a broad
array of colors. The main purpose of the RGB color model is for the sensing,
representation, and display of images in electronic systems, such as
televisions and computers, though it has also been used in
conventional photography.
RGB is the color space for digital images.
Typical RGB input devices are color TV and video cameras, image scanners,
and digital cameras.
Typical RGB output devices are TV sets of various
technologies, computer and mobile phone displays, video projectors,
multicolor LED displays and large screens.
R G
B
CMYK
The CMYK color model is a color model in which cyan, magenta, yellow and
black pigments or dyes are added together in various ways to reproduce a
broad array of colors. The name of the model comes from the initials of the
four primary colors: cyan, magenta, yellow and black.
In additive color models, such as RGB, white is the "additive" combination of
all primary colored lights, black is the absence of light. In the CMYK model, it
is the opposite: white is the natural color of the paper or other background,
black results from a full combination of colored inks
CMYK is the color space for printed materials.
● Resources
https://pubmed.ncbi.nlm.nih.gov/3072645/#:~:text=Abstract,duplicate%20of%20the%20original%20picture
https://en.wikipedia.org/wiki/Digital_image
https://en.wikipedia.org/wiki/Raster_graphics
https://en.wikipedia.org/wiki/Vector_graphics
https://www.psprint.com/resources/difference-between-raster-vector/
https://www.encyclopedia.com/computing/news-wires-white-papers-and-books/digital-images
https://99designs.com/blog/tips/correct-file-formats-rgb-and-cmyk/
 Thank you for Attention 

More Related Content

PPTX
Digital image
PPT
L3 cmp technicalfile_180911
PPTX
Digital graphics pro forma
PPTX
Vector and bitmap
PPTX
Vector and bitmap
PDF
Task 1 scott
PPTX
Bitmap and vector
PDF
Portfolio Activity 5
Digital image
L3 cmp technicalfile_180911
Digital graphics pro forma
Vector and bitmap
Vector and bitmap
Task 1 scott
Bitmap and vector
Portfolio Activity 5

Similar to Digital Coding of Images.pptx (20)

PPT
Technical File Powerpoint
PPT
L3 cmp technicalfile_180911 powerpoint
PPT
L3 cmp technicalfile_180911 powerpoint
DOCX
A raster graphics image
PPTX
Samuels Ait exercise
PPT
Scct2013 topic 3_graphics
PPTX
Technical file
PPTX
Chap9 10
PDF
Raster vs vector
PPTX
Type of image
PPT
Graphics
PPT
Graphics and imagea
DOCX
Unit 13 assignment 1 EF
PPT
Lecture5 graphics
PPT
Ch06
PPT
PPT
L3 cmp technicalfile_180911
DOCX
Digital graphics technology
PPS
VA1160 Class 05
PPT
L3 cmp technicalfile_180911
Technical File Powerpoint
L3 cmp technicalfile_180911 powerpoint
L3 cmp technicalfile_180911 powerpoint
A raster graphics image
Samuels Ait exercise
Scct2013 topic 3_graphics
Technical file
Chap9 10
Raster vs vector
Type of image
Graphics
Graphics and imagea
Unit 13 assignment 1 EF
Lecture5 graphics
Ch06
L3 cmp technicalfile_180911
Digital graphics technology
VA1160 Class 05
L3 cmp technicalfile_180911
Ad

More from emsResulzade1 (6)

PPTX
Introduction to C++, Standard Library, Class Template vector.pptx
PPTX
Computer Networks Slide.pptx
PPT
Musical Instruments.ppt
PPTX
How to Detect a Lie.pptx
PPTX
The MS-DOS File System.pptx
PPTX
Synchronizing Concurrent Operations in C++.pptx
Introduction to C++, Standard Library, Class Template vector.pptx
Computer Networks Slide.pptx
Musical Instruments.ppt
How to Detect a Lie.pptx
The MS-DOS File System.pptx
Synchronizing Concurrent Operations in C++.pptx
Ad

Recently uploaded (20)

PPTX
Tartificialntelligence_presentation.pptx
PDF
Getting Started with Data Integration: FME Form 101
PDF
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
PDF
DASA ADMISSION 2024_FirstRound_FirstRank_LastRank.pdf
DOCX
search engine optimization ppt fir known well about this
PDF
sustainability-14-14877-v2.pddhzftheheeeee
PPTX
Web Crawler for Trend Tracking Gen Z Insights.pptx
PDF
CloudStack 4.21: First Look Webinar slides
PDF
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
PDF
Architecture types and enterprise applications.pdf
PDF
WOOl fibre morphology and structure.pdf for textiles
PPTX
Group 1 Presentation -Planning and Decision Making .pptx
PDF
Assigned Numbers - 2025 - Bluetooth® Document
PDF
A novel scalable deep ensemble learning framework for big data classification...
PPTX
observCloud-Native Containerability and monitoring.pptx
PPT
Module 1.ppt Iot fundamentals and Architecture
PPTX
Modernising the Digital Integration Hub
PPTX
Final SEM Unit 1 for mit wpu at pune .pptx
PDF
1 - Historical Antecedents, Social Consideration.pdf
PPT
What is a Computer? Input Devices /output devices
Tartificialntelligence_presentation.pptx
Getting Started with Data Integration: FME Form 101
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
DASA ADMISSION 2024_FirstRound_FirstRank_LastRank.pdf
search engine optimization ppt fir known well about this
sustainability-14-14877-v2.pddhzftheheeeee
Web Crawler for Trend Tracking Gen Z Insights.pptx
CloudStack 4.21: First Look Webinar slides
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
Architecture types and enterprise applications.pdf
WOOl fibre morphology and structure.pdf for textiles
Group 1 Presentation -Planning and Decision Making .pptx
Assigned Numbers - 2025 - Bluetooth® Document
A novel scalable deep ensemble learning framework for big data classification...
observCloud-Native Containerability and monitoring.pptx
Module 1.ppt Iot fundamentals and Architecture
Modernising the Digital Integration Hub
Final SEM Unit 1 for mit wpu at pune .pptx
1 - Historical Antecedents, Social Consideration.pdf
What is a Computer? Input Devices /output devices

Digital Coding of Images.pptx

  • 1. AZERBAIJAN STATE OIL AND INDUSTRY UNIVERSITY SUBJECT: FUNDAMENTALS OF PROGRAMMING TEACHER: SEVINJ KARIMOVA COMPUTER SCIENCE STUDENT: SHAMS RASULZADE GROUP : 606.20E
  • 2.  Digital Coding of Images
  • 3.  WHAT IS A DIGITAL IMAGE ? • A digital image is an image composed of picture elements, also known as pixels. Digital imaging is the creation of a representation of the visual characteristics of an object .
  • 4. Depending on whether the image resolution is fixed, it may be in 2 types : Raster Vector
  • 5. Raster images or bitmapped image have a finite set of digital values, called picture elements or pixels. The term bitmap refers to how a given pattern of bits in a pixel maps to a specific color. A raster is technically characterized by the width and height of the image in pixels and by the number of bits per pixel. Raster Images The digital image contains a fixed number of rows and columns of pixels. It is a dot matrix data structure that represents a generally rectangular grid of pixels (points of color), viewable via a bitmapped display (monitor) or paper.
  • 6. A bitmap is a rectangular grid of pixels, with each pixel's color being specified by a number of bits. The smiley face in the top left corner is a raster image. When enlarged, individual pixels appear as squares. Enlarging in further, they can be analyzed, with their colors constructed by combining the values for red, green and blue. Raster Images
  • 7. Indicators characterizing the quality of raster graphics: 1. Color Depth 2. Resolution The number of bits stored in each pixel is known as the color depth. The bit depth (pixel depth) of a cell determines the range of values that a particular raster file can store, which is based on the formula 2n (where n is the bit depth). For example, an 8-bit raster can have 256 unique values that range from 0 to 255. The number of pixels, called resolution, affects how much detail can be depicted in an image. Resolution is often expressed as the number of pixels in a column times the number of pixels in a row (for example, 800 × 600).
  • 8. Raster images can be created by a variety of input devices and techniques, such as digital cameras, scanners, coordinate-measuring machines, seismographic profiling, airborne radar, and more. Raster Images
  • 9. Vector Images Vector images resulted from mathematical geometry (vector). In mathematical terms, a vector consists of both a magnitude, or length, and a direction. Vector images, or line art, keep track of points and the equations for the lines that connect them. Generally speaking, vector images are made up of paths or line art that can infinitely scalable because they work based on algorithms rather than pixels.
  • 10. One of the greatest things about vector images is that you can re-size them infinitely larger or smaller, and they will still print out just as clearly, with no increase (or decrease) in file size. Instead of sectioning off a large region of computer memory and mapping that to the display device, vector display devices use a variable number of lines to create images—hence the term "vector graphics." Vector Images
  • 11. Since vector display devices can define a line by dealing with just two points, the device can reduce the total amount of data it must deal with by organizing the image in terms of pairs of points. Vector graphics have the unique advantage over raster graphics in that the points, lines, and curves may be scaled up or down to any resolution . The points determine the direction of the vector path; each path may have various properties including values for stroke color, shape, curve, thickness, and fill. Vector Images
  • 12. Unlike most digital images, vectors can't be opened with all graphics programs. You'll need a vector editor like Adobe Illustrator. Vector graphics can be created in a form using a pen plotter, a special type of printer. Vector Images
  • 13. Raster Vector Comprised of pixels, arranged to form an image Comprised of paths, dictated by mathematical formulas Constrained by resolution and dimensions Infinitely scalable Perfect for “painting” Perfect for “drawing” Large file sizes (but can be compressed) Small file sizes File types- .jpg, .gif, .png, .tif, .bmp, .psd; plus .eps .pdf File types- .ai, .cdr, .svg; plus .eps .pdf Raster software includes Photoshop and GIMP Vector software includes Illustrator, CorelDraw, and InkScape Differences between raster and vector
  • 14. Digital images have several basic characteristics. One is the type of the image. For example, a black and white image records only the intensity of the light falling on the pixels. A color image can have three colors, normally RGB (Red, Green, Blue) or four colors, CMYK (Cyan, Magenta, Yellow, blacK). DIGITAL IMAGES
  • 15. RGB The RGB color model is an additive color model in which red, green, and blue light are added together in various ways to reproduce a broad array of colors. The main purpose of the RGB color model is for the sensing, representation, and display of images in electronic systems, such as televisions and computers, though it has also been used in conventional photography. RGB is the color space for digital images. Typical RGB input devices are color TV and video cameras, image scanners, and digital cameras. Typical RGB output devices are TV sets of various technologies, computer and mobile phone displays, video projectors, multicolor LED displays and large screens. R G B
  • 16. CMYK The CMYK color model is a color model in which cyan, magenta, yellow and black pigments or dyes are added together in various ways to reproduce a broad array of colors. The name of the model comes from the initials of the four primary colors: cyan, magenta, yellow and black. In additive color models, such as RGB, white is the "additive" combination of all primary colored lights, black is the absence of light. In the CMYK model, it is the opposite: white is the natural color of the paper or other background, black results from a full combination of colored inks CMYK is the color space for printed materials.
  • 18.  Thank you for Attention 