SlideShare a Scribd company logo
computer science department – BSIT - adzu
Outline Digital Platform Pixels and Levels Resolution Vector vs. Raster Graphics Colors in Digital Imaging File Formats
What’s Digital Imaging? Digital imaging or digital image acquisition is the creation of digital images, typically from a physical object. The term is often assumed to imply or include the processing, compression, storage, printing, and display of such images.
Hardware Considerations Processor Speed RAM Size Monitor Size Video Card Image Capture Device File Storage
Monitor Considerations in choosing monitor Screen size Quality Reliability of color that  the screen can display Video card Amount of Video memory
Memory RAM – Random Access Memory Graphics editing software uses 3 to 5 times the file size in RAM to function efficiently.
Processor The speed at which the computer processor can perform calculations, the number of calculations it can perform at once, the speed of data transfer as well as the number of processors  within the system will all  have a profound effect on the  digital imaging performance.
Hard Disk Digital Imaging functions of a hard drive: Scratch Disk Space: handles the overflow “working space” which does not fit into the available RAM. Storage Space: Downloaded and manipulated files can be stored in the hard disk. Software: Hard disk stores large amount of files needed to run the software.
External Storage Redundant Array of Independent Disk (RAID) Made up of array or stack of disks and is most often found in high end systems. Enables large amount of information to be broken up into smaller segments each being stored onto a separate disk.
External Storage Magnetic Tape A.K.A. Digital Audio Tape (DAT) It has become popular as a storage for backup medium mainly due to low cost. Disadvantage: slow file searching
External Storage CD-R Writers Has become one of the cheapest storage medium available due to the decrease in the  prices of CD burners  and CDs.
Scanners Film Scanner Dedicated to scanning film formats from 35mm to 5x4 inches.
Scanners Flatbed Scanner The most commonly available type of scanner. Since flatbed scanners use a moving array of sensors to digitize the  image, considerations of noise, dynamic range and consistency  of light, need to be addressed in  their design – in a similar way  to that of digital cameras.
Drawing Tablet A peripheral used by graphic designers, which combines a digital tablet and an electronic pencil. It provides a high level of drawing precision.
Software Considerations Software Licensing Software features
Pixels Pixels - The small picture elements  that make up a  digital photograph. Pixels
Tones or Levels Levels or Tones – the brightness of a pixel  256 different levels or separate tones in a typical digital image. Continuous Tone - An image where brightness appears consistent and uninterrupted. Brightness
Bit Depth This refers to the grey scale range of an individual pixel. A pixel with 8 bits per color gives a 24 bit image (8 bits X 3 colors is 24 bits).  32768 colours 16-bit  256 shades of grey 8-bit greyscale 256 colours  8-bit  16 colours 4-bit  4 colours 2-bit  black and white 1-bit  Colours Available Bit Depth
Color Hue – the name of the color Saturation – the purity or strength of the color Brightness – the relative lightness or darkness of the color Brightness Hue Saturation
Resolution The fineness of detail within a predetermined size. Normally expressed as the number of pixels or dots per inch.  More and smaller pixels adds detail and sharpens edges.
Output Resolution Dots per inch – defines the printing quality Interpolation – increasing the total number of pixels Resampling - The process of reducing image data set size by representing a group of pixels with a single pixel.
Vector vs. Raster Graphics Bitmap images (also known as raster images) are made up of pixels in a grid.  Vector images are made up of many individual, scalable objects. These objects are defined by mathematical equations rather than pixels, so they always render at the highest quality.
Color Modes Grayscale –has 256 colors (black, white and 254 shades of gray) Bitmap – has 1 color, 100% black. This mode is suitable for printing on dot-matrix printers.
Color Modes Duotone - is similar to grayscale but replaces the black with a different color. This mode is suitable for printing with limited colors.  Index - contains only a pallet of up to 256 colours. This mode is suitable for web graphics to reduce file size.
Color Modes RGB – colors are created by varying relative amounts of red, green and blue light. CMYK - stands for Cyan, Magenta, Yellow and Key. Black is just called key so that it won't be mislead for the color blue.
File Formats Most common formats: JPEG (.jpg/ .jpeg) Joint Photographic Experts Group  industry standard for compressing continuous tone photographic images  for the world wild web or for limited space TIFF (.tif) Tagged Image File Format Industry standard for publishing Photoshop (.psd) Photoshop Document Usually kept as a master file
Thank you!

More Related Content

What's hot (20)

PPT
Raster Vs. Vector Presentation1
cdoeberl
 
PPTX
CSC103 Vector vs Raster Graphics
Richard Homa
 
PPT
Vector graphics
lenance
 
PPTX
Vectors vs Rasters, Graphic Formats
premysl
 
PPT
Raster graphics
lenance
 
PPTX
2012 13 raster vs vector
bj43950
 
PPT
Representation of Vector Graphics
Forrester High School
 
PPTX
Bitmap vs vectors image
31angel
 
PPTX
Raster vs Vector files
Charlosjohnson
 
PPTX
Bitmap and vector
haverstockmedia
 
PPTX
Bitmap and vector
haverstockmedia
 
PDF
Bitmap and Vector Images: Make Sure You Know the Differences
Davina and Caroline
 
DOCX
Vectors UNIT 13 assignment (W.A)
haverstockmedia
 
DOCX
Vectors UNIT 13 assignment (W.A)
haverstockmedia
 
DOCX
Vectors UNIT 13 assignment (W.A)
haverstockmedia
 
PPT
Technical file
Luke Finlay
 
PPTX
Fundamentals Image and Graphics
Shrawan Adhikari
 
PPT
Techinal file raster and vector images
FirstClassProductions
 
DOCX
Assignment 1 - 4018
haverstockmedia
 
DOCX
Unit 13 assignment 1 report
haverstockmedia
 
Raster Vs. Vector Presentation1
cdoeberl
 
CSC103 Vector vs Raster Graphics
Richard Homa
 
Vector graphics
lenance
 
Vectors vs Rasters, Graphic Formats
premysl
 
Raster graphics
lenance
 
2012 13 raster vs vector
bj43950
 
Representation of Vector Graphics
Forrester High School
 
Bitmap vs vectors image
31angel
 
Raster vs Vector files
Charlosjohnson
 
Bitmap and vector
haverstockmedia
 
Bitmap and vector
haverstockmedia
 
Bitmap and Vector Images: Make Sure You Know the Differences
Davina and Caroline
 
Vectors UNIT 13 assignment (W.A)
haverstockmedia
 
Vectors UNIT 13 assignment (W.A)
haverstockmedia
 
Vectors UNIT 13 assignment (W.A)
haverstockmedia
 
Technical file
Luke Finlay
 
Fundamentals Image and Graphics
Shrawan Adhikari
 
Techinal file raster and vector images
FirstClassProductions
 
Assignment 1 - 4018
haverstockmedia
 
Unit 13 assignment 1 report
haverstockmedia
 

Similar to Digital Imaging Basics (20)

PPT
L3 cmp technicalfile_180911
snailguinproductions
 
DOCX
Task 1
Thomas_Giblin_16
 
PPT
L3 cmp technicalfile_180911
snailguinproductions
 
PPTX
Stem 71 24 multimedia elements - graphics
Kelly Bauer
 
PPT
Graphics
mandalina landy
 
PPT
Digital Image File Formats
indiangarg
 
PDF
From paper to screen: Putting maps on the web
Petr Pridal
 
PPT
L3 cmp technicalfile_180911
snailguinproductions
 
PPTX
Technical file
samgh1995
 
PPT
Ch06
azuankota
 
PPT
Ch6
azuankota
 
DOCX
Technical glossary
halo4robo
 
PPTX
Technical file
Cameron321
 
PPTX
Vector and bitmap
haverstockmedia
 
PPTX
Vector and bitmap
haverstockmedia
 
DOCX
Digital graphics technology
haverstockmedia
 
PPT
Scct2013 topic 3_graphics
Anies Syahieda
 
PPT
L3 cmp technicalfile_180911
mapuk7
 
PPT
Ha1 technical file
BirdieProductions
 
PPT
Technical File
BirdieProductions
 
L3 cmp technicalfile_180911
snailguinproductions
 
L3 cmp technicalfile_180911
snailguinproductions
 
Stem 71 24 multimedia elements - graphics
Kelly Bauer
 
Graphics
mandalina landy
 
Digital Image File Formats
indiangarg
 
From paper to screen: Putting maps on the web
Petr Pridal
 
L3 cmp technicalfile_180911
snailguinproductions
 
Technical file
samgh1995
 
Ch06
azuankota
 
Technical glossary
halo4robo
 
Technical file
Cameron321
 
Vector and bitmap
haverstockmedia
 
Vector and bitmap
haverstockmedia
 
Digital graphics technology
haverstockmedia
 
Scct2013 topic 3_graphics
Anies Syahieda
 
L3 cmp technicalfile_180911
mapuk7
 
Ha1 technical file
BirdieProductions
 
Technical File
BirdieProductions
 
Ad

Recently uploaded (20)

PDF
Blockchain Transactions Explained For Everyone
CIFDAQ
 
PDF
Jak MŚP w Europie Środkowo-Wschodniej odnajdują się w świecie AI
dominikamizerska1
 
PDF
[Newgen] NewgenONE Marvin Brochure 1.pdf
darshakparmar
 
PDF
CIFDAQ Market Insights for July 7th 2025
CIFDAQ
 
PDF
HubSpot Main Hub: A Unified Growth Platform
Jaswinder Singh
 
PDF
The Builder’s Playbook - 2025 State of AI Report.pdf
jeroen339954
 
PDF
Complete JavaScript Notes: From Basics to Advanced Concepts.pdf
haydendavispro
 
PDF
CIFDAQ Token Spotlight for 9th July 2025
CIFDAQ
 
PDF
Chris Elwell Woburn, MA - Passionate About IT Innovation
Chris Elwell Woburn, MA
 
PDF
Timothy Rottach - Ramp up on AI Use Cases, from Vector Search to AI Agents wi...
AWS Chicago
 
PDF
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
PPTX
From Sci-Fi to Reality: Exploring AI Evolution
Svetlana Meissner
 
PPTX
AI Penetration Testing Essentials: A Cybersecurity Guide for 2025
defencerabbit Team
 
PPTX
"Autonomy of LLM Agents: Current State and Future Prospects", Oles` Petriv
Fwdays
 
PDF
Agentic AI lifecycle for Enterprise Hyper-Automation
Debmalya Biswas
 
PDF
Empower Inclusion Through Accessible Java Applications
Ana-Maria Mihalceanu
 
PPTX
Webinar: Introduction to LF Energy EVerest
DanBrown980551
 
PDF
From Code to Challenge: Crafting Skill-Based Games That Engage and Reward
aiyshauae
 
PDF
CIFDAQ Weekly Market Wrap for 11th July 2025
CIFDAQ
 
PDF
Bitcoin for Millennials podcast with Bram, Power Laws of Bitcoin
Stephen Perrenod
 
Blockchain Transactions Explained For Everyone
CIFDAQ
 
Jak MŚP w Europie Środkowo-Wschodniej odnajdują się w świecie AI
dominikamizerska1
 
[Newgen] NewgenONE Marvin Brochure 1.pdf
darshakparmar
 
CIFDAQ Market Insights for July 7th 2025
CIFDAQ
 
HubSpot Main Hub: A Unified Growth Platform
Jaswinder Singh
 
The Builder’s Playbook - 2025 State of AI Report.pdf
jeroen339954
 
Complete JavaScript Notes: From Basics to Advanced Concepts.pdf
haydendavispro
 
CIFDAQ Token Spotlight for 9th July 2025
CIFDAQ
 
Chris Elwell Woburn, MA - Passionate About IT Innovation
Chris Elwell Woburn, MA
 
Timothy Rottach - Ramp up on AI Use Cases, from Vector Search to AI Agents wi...
AWS Chicago
 
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
From Sci-Fi to Reality: Exploring AI Evolution
Svetlana Meissner
 
AI Penetration Testing Essentials: A Cybersecurity Guide for 2025
defencerabbit Team
 
"Autonomy of LLM Agents: Current State and Future Prospects", Oles` Petriv
Fwdays
 
Agentic AI lifecycle for Enterprise Hyper-Automation
Debmalya Biswas
 
Empower Inclusion Through Accessible Java Applications
Ana-Maria Mihalceanu
 
Webinar: Introduction to LF Energy EVerest
DanBrown980551
 
From Code to Challenge: Crafting Skill-Based Games That Engage and Reward
aiyshauae
 
CIFDAQ Weekly Market Wrap for 11th July 2025
CIFDAQ
 
Bitcoin for Millennials podcast with Bram, Power Laws of Bitcoin
Stephen Perrenod
 
Ad

Digital Imaging Basics

  • 1. computer science department – BSIT - adzu
  • 2. Outline Digital Platform Pixels and Levels Resolution Vector vs. Raster Graphics Colors in Digital Imaging File Formats
  • 3. What’s Digital Imaging? Digital imaging or digital image acquisition is the creation of digital images, typically from a physical object. The term is often assumed to imply or include the processing, compression, storage, printing, and display of such images.
  • 4. Hardware Considerations Processor Speed RAM Size Monitor Size Video Card Image Capture Device File Storage
  • 5. Monitor Considerations in choosing monitor Screen size Quality Reliability of color that the screen can display Video card Amount of Video memory
  • 6. Memory RAM – Random Access Memory Graphics editing software uses 3 to 5 times the file size in RAM to function efficiently.
  • 7. Processor The speed at which the computer processor can perform calculations, the number of calculations it can perform at once, the speed of data transfer as well as the number of processors within the system will all have a profound effect on the digital imaging performance.
  • 8. Hard Disk Digital Imaging functions of a hard drive: Scratch Disk Space: handles the overflow “working space” which does not fit into the available RAM. Storage Space: Downloaded and manipulated files can be stored in the hard disk. Software: Hard disk stores large amount of files needed to run the software.
  • 9. External Storage Redundant Array of Independent Disk (RAID) Made up of array or stack of disks and is most often found in high end systems. Enables large amount of information to be broken up into smaller segments each being stored onto a separate disk.
  • 10. External Storage Magnetic Tape A.K.A. Digital Audio Tape (DAT) It has become popular as a storage for backup medium mainly due to low cost. Disadvantage: slow file searching
  • 11. External Storage CD-R Writers Has become one of the cheapest storage medium available due to the decrease in the prices of CD burners and CDs.
  • 12. Scanners Film Scanner Dedicated to scanning film formats from 35mm to 5x4 inches.
  • 13. Scanners Flatbed Scanner The most commonly available type of scanner. Since flatbed scanners use a moving array of sensors to digitize the image, considerations of noise, dynamic range and consistency of light, need to be addressed in their design – in a similar way to that of digital cameras.
  • 14. Drawing Tablet A peripheral used by graphic designers, which combines a digital tablet and an electronic pencil. It provides a high level of drawing precision.
  • 15. Software Considerations Software Licensing Software features
  • 16. Pixels Pixels - The small picture elements that make up a digital photograph. Pixels
  • 17. Tones or Levels Levels or Tones – the brightness of a pixel 256 different levels or separate tones in a typical digital image. Continuous Tone - An image where brightness appears consistent and uninterrupted. Brightness
  • 18. Bit Depth This refers to the grey scale range of an individual pixel. A pixel with 8 bits per color gives a 24 bit image (8 bits X 3 colors is 24 bits). 32768 colours 16-bit 256 shades of grey 8-bit greyscale 256 colours 8-bit 16 colours 4-bit 4 colours 2-bit black and white 1-bit Colours Available Bit Depth
  • 19. Color Hue – the name of the color Saturation – the purity or strength of the color Brightness – the relative lightness or darkness of the color Brightness Hue Saturation
  • 20. Resolution The fineness of detail within a predetermined size. Normally expressed as the number of pixels or dots per inch. More and smaller pixels adds detail and sharpens edges.
  • 21. Output Resolution Dots per inch – defines the printing quality Interpolation – increasing the total number of pixels Resampling - The process of reducing image data set size by representing a group of pixels with a single pixel.
  • 22. Vector vs. Raster Graphics Bitmap images (also known as raster images) are made up of pixels in a grid. Vector images are made up of many individual, scalable objects. These objects are defined by mathematical equations rather than pixels, so they always render at the highest quality.
  • 23. Color Modes Grayscale –has 256 colors (black, white and 254 shades of gray) Bitmap – has 1 color, 100% black. This mode is suitable for printing on dot-matrix printers.
  • 24. Color Modes Duotone - is similar to grayscale but replaces the black with a different color. This mode is suitable for printing with limited colors. Index - contains only a pallet of up to 256 colours. This mode is suitable for web graphics to reduce file size.
  • 25. Color Modes RGB – colors are created by varying relative amounts of red, green and blue light. CMYK - stands for Cyan, Magenta, Yellow and Key. Black is just called key so that it won't be mislead for the color blue.
  • 26. File Formats Most common formats: JPEG (.jpg/ .jpeg) Joint Photographic Experts Group industry standard for compressing continuous tone photographic images for the world wild web or for limited space TIFF (.tif) Tagged Image File Format Industry standard for publishing Photoshop (.psd) Photoshop Document Usually kept as a master file