SlideShare a Scribd company logo
DIGITAL IMAGE FORMATS:
AN EXPLANATION
GRADE 8 - ICT
GRAPHICS
Graphics - anything on the page that is not
actual text, from simple line drawings to fully
active images found on the World Wide Web.
There are many different graphic file formats.
The format you choose depends on several
factors.
0
10
20
30
40
50
60
70
80
90
1st Qtr 2nd Qtr 3rd Qtr 4th Qtr
East
West
North
Chart
PhotographButtons
FACTORS THAT AFFECT GRAPHIC FORMAT
• Color depth
• Compression
• Portability
• Transparency
COLOR DEPTH
The number of colors per pixel that can be contained in an
image.
Most graphics editing programs will allow you to set the color
depth for your image.
Different graphic formats contain different numbers of colors
per pixel.
Examples:1-bit Color 2 Colors Per Pixel
8-bit Color 256 Colors Per Pixel
16-bit Color 65.5 Thousand Colors Per Pixel
24-bit Color 16.7 Million Colors Per Pixel
COMPRESSION
Compression refers to how an image is saved in order
to reduce the file size.
The greater the compression, the lower the quality
Two types:
Lossless
Reduces the file size without losing any pixel data
Quality is not compromised
Lossy
Alters and/or eliminates some data
The more the image is reduced, the more the quality is
degraded
After Compression
Notice that there is no
difference, no data has been
lost.
LOSSLESS COMPRESSION
Before Compression
Original . . . . . . Final compression
LOSSY COMPRESSION
Notice that each time the image is saved, the quality is
degraded.
In the third image, the image is very pixelated.
PORTABILITY
How easily you can open, modify, and view
the files on computers using different
operating systems, software and browsers.
TRANSPARENCY
Allows the background color of an image to be “eliminated”
or made transparent so that the background behind the
image can be seen.
It makes part of the image invisible, or “see-through.”
FACTORS TO CONSIDER WHEN
CHOOSING A GRAPHIC FILE FORMAT
Which file format is best for a particular application?
How important is the quality of the image when
transferred, copied, or displayed?
How important is the speed at which the image transfers
or loads?
How important is file size?
NUMBER OF COLORS
Images have differing numbers of
color within them.
Black and white images take up the
least amount of space with 1 bit of
information.
Current video cards are able to
display 24 bits of color per pixel.
This makes it possible for 16 million
colors to be displayed (224
colors).
This requires a significant amount of
disk space.
THE FILE TYPES – TIFF (TAG IMAGE FILE
FORMAT)
TIFF can be lossless or lossy.
The details of the image storage algorithm are
included as part of the file.
TIFF is used almost exclusively as a lossless image
storage format that uses no compression at all.
Most graphics programs that use TIFF do not use
compression.
File sizes are quite big.
THE FILE TYPES – PNG (PORTABLE NETWORK
GRAPHICS
PNG is a lossless storage format.
It looks for patterns in the image that it can use to
compress file size.
The compression is exactly reversible, so the image
is recovered exactly.
THE FILE TYPES – GIF (GRAPHICS INTERCHANGE
FORMAT)
GIF creates a table of up to 256 colors from a pool
of 16 million.
If the image has fewer than 256 colors, GIF can
render the image exactly.
GIF is "lossless" only for images with 256 colors or
less. For a rich, true color image, GIF may "lose"
99.998% of the colors.
THE FILE TYPES – JPEG (JOINT PHOTOGRAPHIC
EXPERTS GROUP)
JPG is optimized for photographs and similar
continuous tone images that contain many, many
colors.
It can achieve astounding compression ratios even
while maintaining very high image quality.
It stores information as 24 bit color.
The degree of compression of a JPG is adjustable.
THE FILE TYPES – BMP (BITMAP)
BMP is an uncompressed proprietary format
invented by Microsoft.
There is really no reason to ever use this format.
THE FILE TYPES – PSD (PHOTOSHOP
DOCUMENT)
PSD is a proprietary format used by Photoshop.
This is the preferred working format to edit images
in the software
This package uses layers to build complex images,
and layer information may be lost in the
nonproprietary formats such as TIFF and JPG.
However, it is best to save the product as a TIFF or
JPG, so it can be viewed in the future when software
changes.
THE FILE TYPES - SUMMARY
TIFF files are generally large.
PNG compression can be reversed if needed.
GIF results in lose of color information.
JPG are the best in terms of compressed files.
BMP should be rarely, if ever used.
PSD is exclusive to Photoshop.
TIFF – This is usually the best quality output from a digital
camera.
JPG – This is the format of choice for nearly all
photographs on the web.
GIF - For images with fewer than 256 colors and large
areas of uniform color like cartoons.
Do NOT use GIF for photographic images
PNG - For images with large areas of exactly uniform color,
but more than 256 colors
Also, for display of photographs exactly without loss of quality on the
web.
WHEN SHOULD YOU CHOOSE EACH?

More Related Content

PPTX
Color Image Processing
PPT
Image Restoration
PPTX
Audio compression
PPS
Image file formats
PPTX
Jpeg standards
PPTX
DCT image compression
PPTX
Histogram Processing
POTX
Presentation of Lossy compression
Color Image Processing
Image Restoration
Audio compression
Image file formats
Jpeg standards
DCT image compression
Histogram Processing
Presentation of Lossy compression

What's hot (20)

PPT
H261
PPTX
Introduction to Image Compression
PPT
Audio and video compression
PPTX
Bit plane coding
PPTX
Vector quantization
PDF
Digital Image Processing - Image Compression
PDF
Digital Image Processing: Image Segmentation
PDF
Why they made grayscale
PPTX
Transform coding
PPTX
Texture,pattern and pattern classes
PPTX
Digital Signal Processors - DSP's
PPT
Interlaced and progressive Camera
PPTX
5. gray level transformation
PPT
PPTX
COM2304: Digital Image Fundamentals - I
PPTX
PPTX
Unit3 dip
PDF
Video Compression Basics
PPTX
Audio compression
PPTX
Types of Images & File Types
H261
Introduction to Image Compression
Audio and video compression
Bit plane coding
Vector quantization
Digital Image Processing - Image Compression
Digital Image Processing: Image Segmentation
Why they made grayscale
Transform coding
Texture,pattern and pattern classes
Digital Signal Processors - DSP's
Interlaced and progressive Camera
5. gray level transformation
COM2304: Digital Image Fundamentals - I
Unit3 dip
Video Compression Basics
Audio compression
Types of Images & File Types
Ad

Viewers also liked (16)

PPTX
Image File Fomat
PPT
.bmp image data format
PPT
Multimedia software tools
PPT
Image compression
PPTX
Image Compression
PPTX
Data compression
PDF
Data compression introduction
PPTX
Digital Image Processing Fundamental
ODP
image compression ppt
PPS
Image Processing Basics
PPT
Introduction to digital image processing
PPTX
Data Compression (Lossy and Lossless)
PPTX
Image processing ppt
PDF
Introduction to Digital Image Processing Using MATLAB
PPT
Digital Image Processing
PDF
LinkedIn SlideShare: Knowledge, Well-Presented
Image File Fomat
.bmp image data format
Multimedia software tools
Image compression
Image Compression
Data compression
Data compression introduction
Digital Image Processing Fundamental
image compression ppt
Image Processing Basics
Introduction to digital image processing
Data Compression (Lossy and Lossless)
Image processing ppt
Introduction to Digital Image Processing Using MATLAB
Digital Image Processing
LinkedIn SlideShare: Knowledge, Well-Presented
Ad

Similar to Grade 8 image file format (20)

PPTX
File types
PDF
Graphic Concepts
PPT
2.01 graphic formats
PPT
2.01 graphic formats
PPT
Imagefileformats for software engineers.ppt
PDF
Computer Graphics - Graphics File Formats.pdf
PPT
Webquest!!!
PPTX
Technical File Presentation Version 2
PPT
Graphics and imagea
PPT
Graphic formats
DOCX
File format essay (1) (1)
PPTX
Technical file
PPTX
Stem 71 24 multimedia elements - graphics
PPTX
Different types of graphics formats
PDF
Chapter 3 (1).pdf Computer Mantainance and Tecknical support Chapter 3 Latest...
PPTX
File types pro forma
PPTX
File Types Pro Forma
PPTX
Digital image formats
PPT
Presentation1
PPT
Presentation1
File types
Graphic Concepts
2.01 graphic formats
2.01 graphic formats
Imagefileformats for software engineers.ppt
Computer Graphics - Graphics File Formats.pdf
Webquest!!!
Technical File Presentation Version 2
Graphics and imagea
Graphic formats
File format essay (1) (1)
Technical file
Stem 71 24 multimedia elements - graphics
Different types of graphics formats
Chapter 3 (1).pdf Computer Mantainance and Tecknical support Chapter 3 Latest...
File types pro forma
File Types Pro Forma
Digital image formats
Presentation1
Presentation1

More from Rafael Balderosa (12)

PPT
Intro to c++
PPT
Grade 10 flowcharting
PPT
Grade 10 program development cycle
PPT
Grade 10 introduction and history of programming
PDF
Cybercrime law
PPT
Netiquette
PPT
If and nested if statements
PPT
Grade 9 netiquette
PPT
Grade 8 composition techniques
PPT
Grade 7 elements of computer system
PPT
Grade 7 computer software
PPT
Grade 7 history of internet
Intro to c++
Grade 10 flowcharting
Grade 10 program development cycle
Grade 10 introduction and history of programming
Cybercrime law
Netiquette
If and nested if statements
Grade 9 netiquette
Grade 8 composition techniques
Grade 7 elements of computer system
Grade 7 computer software
Grade 7 history of internet

Recently uploaded (20)

PDF
Classroom Observation Tools for Teachers
PDF
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
PDF
Computing-Curriculum for Schools in Ghana
PPTX
Cell Types and Its function , kingdom of life
PPTX
PPH.pptx obstetrics and gynecology in nursing
PDF
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
PDF
FourierSeries-QuestionsWithAnswers(Part-A).pdf
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PPTX
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
PPTX
Lesson notes of climatology university.
PDF
2.FourierTransform-ShortQuestionswithAnswers.pdf
PDF
Microbial disease of the cardiovascular and lymphatic systems
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PDF
01-Introduction-to-Information-Management.pdf
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
PPTX
Cell Structure & Organelles in detailed.
PDF
Insiders guide to clinical Medicine.pdf
PPTX
Renaissance Architecture: A Journey from Faith to Humanism
Classroom Observation Tools for Teachers
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
Computing-Curriculum for Schools in Ghana
Cell Types and Its function , kingdom of life
PPH.pptx obstetrics and gynecology in nursing
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
Abdominal Access Techniques with Prof. Dr. R K Mishra
102 student loan defaulters named and shamed – Is someone you know on the list?
FourierSeries-QuestionsWithAnswers(Part-A).pdf
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
Lesson notes of climatology university.
2.FourierTransform-ShortQuestionswithAnswers.pdf
Microbial disease of the cardiovascular and lymphatic systems
STATICS OF THE RIGID BODIES Hibbelers.pdf
01-Introduction-to-Information-Management.pdf
human mycosis Human fungal infections are called human mycosis..pptx
Cell Structure & Organelles in detailed.
Insiders guide to clinical Medicine.pdf
Renaissance Architecture: A Journey from Faith to Humanism

Grade 8 image file format

  • 1. DIGITAL IMAGE FORMATS: AN EXPLANATION GRADE 8 - ICT
  • 2. GRAPHICS Graphics - anything on the page that is not actual text, from simple line drawings to fully active images found on the World Wide Web. There are many different graphic file formats. The format you choose depends on several factors. 0 10 20 30 40 50 60 70 80 90 1st Qtr 2nd Qtr 3rd Qtr 4th Qtr East West North Chart PhotographButtons
  • 3. FACTORS THAT AFFECT GRAPHIC FORMAT • Color depth • Compression • Portability • Transparency
  • 4. COLOR DEPTH The number of colors per pixel that can be contained in an image. Most graphics editing programs will allow you to set the color depth for your image. Different graphic formats contain different numbers of colors per pixel. Examples:1-bit Color 2 Colors Per Pixel 8-bit Color 256 Colors Per Pixel 16-bit Color 65.5 Thousand Colors Per Pixel 24-bit Color 16.7 Million Colors Per Pixel
  • 5. COMPRESSION Compression refers to how an image is saved in order to reduce the file size. The greater the compression, the lower the quality Two types: Lossless Reduces the file size without losing any pixel data Quality is not compromised Lossy Alters and/or eliminates some data The more the image is reduced, the more the quality is degraded
  • 6. After Compression Notice that there is no difference, no data has been lost. LOSSLESS COMPRESSION Before Compression
  • 7. Original . . . . . . Final compression LOSSY COMPRESSION Notice that each time the image is saved, the quality is degraded. In the third image, the image is very pixelated.
  • 8. PORTABILITY How easily you can open, modify, and view the files on computers using different operating systems, software and browsers.
  • 9. TRANSPARENCY Allows the background color of an image to be “eliminated” or made transparent so that the background behind the image can be seen. It makes part of the image invisible, or “see-through.”
  • 10. FACTORS TO CONSIDER WHEN CHOOSING A GRAPHIC FILE FORMAT Which file format is best for a particular application? How important is the quality of the image when transferred, copied, or displayed? How important is the speed at which the image transfers or loads? How important is file size?
  • 11. NUMBER OF COLORS Images have differing numbers of color within them. Black and white images take up the least amount of space with 1 bit of information. Current video cards are able to display 24 bits of color per pixel. This makes it possible for 16 million colors to be displayed (224 colors). This requires a significant amount of disk space.
  • 12. THE FILE TYPES – TIFF (TAG IMAGE FILE FORMAT) TIFF can be lossless or lossy. The details of the image storage algorithm are included as part of the file. TIFF is used almost exclusively as a lossless image storage format that uses no compression at all. Most graphics programs that use TIFF do not use compression. File sizes are quite big.
  • 13. THE FILE TYPES – PNG (PORTABLE NETWORK GRAPHICS PNG is a lossless storage format. It looks for patterns in the image that it can use to compress file size. The compression is exactly reversible, so the image is recovered exactly.
  • 14. THE FILE TYPES – GIF (GRAPHICS INTERCHANGE FORMAT) GIF creates a table of up to 256 colors from a pool of 16 million. If the image has fewer than 256 colors, GIF can render the image exactly. GIF is "lossless" only for images with 256 colors or less. For a rich, true color image, GIF may "lose" 99.998% of the colors.
  • 15. THE FILE TYPES – JPEG (JOINT PHOTOGRAPHIC EXPERTS GROUP) JPG is optimized for photographs and similar continuous tone images that contain many, many colors. It can achieve astounding compression ratios even while maintaining very high image quality. It stores information as 24 bit color. The degree of compression of a JPG is adjustable.
  • 16. THE FILE TYPES – BMP (BITMAP) BMP is an uncompressed proprietary format invented by Microsoft. There is really no reason to ever use this format.
  • 17. THE FILE TYPES – PSD (PHOTOSHOP DOCUMENT) PSD is a proprietary format used by Photoshop. This is the preferred working format to edit images in the software This package uses layers to build complex images, and layer information may be lost in the nonproprietary formats such as TIFF and JPG. However, it is best to save the product as a TIFF or JPG, so it can be viewed in the future when software changes.
  • 18. THE FILE TYPES - SUMMARY TIFF files are generally large. PNG compression can be reversed if needed. GIF results in lose of color information. JPG are the best in terms of compressed files. BMP should be rarely, if ever used. PSD is exclusive to Photoshop.
  • 19. TIFF – This is usually the best quality output from a digital camera. JPG – This is the format of choice for nearly all photographs on the web. GIF - For images with fewer than 256 colors and large areas of uniform color like cartoons. Do NOT use GIF for photographic images PNG - For images with large areas of exactly uniform color, but more than 256 colors Also, for display of photographs exactly without loss of quality on the web. WHEN SHOULD YOU CHOOSE EACH?

Editor's Notes

  • #5: Teachers: Color Depth here refers to the number of colors that can be contained in the image. It is not referring to the number of colors which can be displayed on a computer monitor. Just for Fun (supplemental, not required): If you would like to integrate math into your curriculum, you could have students calculate the number of colors which can be displayed in an image based on the bits of color. To calculate this, raise 2 to the power of the color resolution. (Because each bit can contain 2 pieces of data: 1 or 0). So 8-bit color = 2^8 = 256 color possibilities per pixel. 1-bit color = 21 = 2 colors 8-bit color = 28 – 256 colors 16-bit color – 216 = 65.5 thousand colors
  • #6: Teacher Note: Lossy compression deletes some of the data that it deems unnecessary since the human eye is not very sensitive to changes in color over small distances.
  • #7: Teacher Note: Lossless compression looks for recurring patterns and replaces each occurrence with an abbreviation. If there isn’t a lot of redundant information, then the file size may not be decreased very much. Lossless compression is used when it is important for the compressed image to look exactly like the original image.
  • #8: Teacher Note: In lossy compression, the more times you save the image, the more data that is eliminated and the more the quality of the image is degraded. So every time you save a JPG file, the quality is degraded more. To prevent this, make all of the editing changes in the editing software program’s native format or in a bitmap format before saving the final image as a JPG or other compressed format which uses lossy compression.
  • #10: Teacher Note: To illustrate this concept, hold up a photograph on a piece of paper and hold a piece of colored paper behind it. You cannot see the color through the image. Next, hold up a transparency with a piece of colored paper behind it. The background color does change.
  • #11: Teacher Note: The answers to these questions will help determine which graphic file type should be used.