SlideShare a Scribd company logo
1 of 16
Presented by
SARMAD MAKHDOOM
 Introduction
– GIF features retained in PNG include
• Indexed-color images of up to 256 colors.
• Progressive display
• Transparency
• Complete hardware and platform independence
• Ancillary information
– Important new features of PNG, not available in GIF
• Truecolor images
• Full alpha channel
• Image gamma information
• Faster initial presentation
– PNG is designed to be
• Simple and portable
• Well compressed
 Color values
 Image layout
 Alpha channel
 Filtering
 Interlaced data order
 Text strings
 PNG file signature
 Header (137 80 78 71 13 10 26 10)
 Chunk layout
– Length
– ChunkType
– Chunk Data
– CRC (Cyclic Redundancy Check)
 Chunk naming conventions
 Chunk Specifications
 IHDR Image header
Width: 4 bytes
Height: 4 bytes
Bit depth: 1 byte
Color type: 1 byte
Compression method: 1 byte
Filter method: 1 byte
Interlace method: 1 byte
 PLTE Palette
 IDAT Image data
 IEND Image trailer
 bKGD Background color
 tRNSTransparency
 gAMA Image gamma
 tIME Image last-modification time
 iCCP Embedded ICC (nIternational Color Consortium)
 tEXtTextual data
 sRGB Standard RGB color space
 pre-compression: filtering (prediction)
 compression: DEFLATE
TYPE NAME
0 None
1 Sub
2 Up
3 Average
4 Paeth
The Adam7 algorithm.
 Comparison with Graphics Interchange Format (GIF)
 On most images, PNG can achieve greater compression
than GIF (see the section on filesize, below).
– PNG gives a much wider range of transparency options than
GIF, including alpha channel transparency.
– Whereas GIF is limited to 8-bit indexed color, PNG gives a
much wider range of color depths, including 24-bit (8 bits per
channel) and 48-bit (16 bits per channel) truecolor, allowing for
greater color precision, smoother fades, etc.When an alpha
channel is added, up to 64 bits per pixel (before compression)
are possible.
– GIF intrinsically supports animated images. PNG supports
animation only via unofficial extensions (see the section on
animation, above).
– PNG images are widely supported (for instance, with modern
web browsers and office software), but not as widely
supported as GIF images.
 Comparison with JPEG
– JPEG (Joint Photography Experts Group) can produce a
smaller file than PNG for photographic (and photo-like)
images, since JPEG uses a lossy encoding method
specifically designed for photographic image data. Using
PNG instead of a high-quality JPEG for such images
would result in a large increase in filesize (often 5–10
times) with negligible gain in quality
 PNG compatible browsers include: Apple Safari, Google Chrome,
Mozilla Firefox, Opera, Camino, Internet Explorer 7
– 4.0 crashes on large PNG chunks.
– 4.0 does not include the functionality to view .png files, but there is a
registry fix.
– 5.0 and 5.01 have broken OBJECT support.
– 5.01 prints palette images with black (or dark gray) backgrounds under
Windows 98, sometimes with radically altered colors.
– 6.0 fails to display PNG images of 4097 or 4098 bytes in size.
– 6.0 cannot open a PNG file that contains one or more zero-length IDAT
chunks.
– 6.0 sometimes completely loses ability to display PNGs, but there are
various fixes.
– 6.0 and below has broken alpha-channel transparency support (will
display the default background color instead). However there are
various fixes:
Portable Network Graphics (PNG)
Portable Network Graphics (PNG)
Portable Network Graphics (PNG)

More Related Content

What's hot

Image resolution
Image resolutionImage resolution
Image resolution
AMICC
 

What's hot (20)

Graphics processing unit ppt
Graphics processing unit pptGraphics processing unit ppt
Graphics processing unit ppt
 
Digital Image Processing (DIP)
Digital Image Processing (DIP)Digital Image Processing (DIP)
Digital Image Processing (DIP)
 
Image Processing Basics
Image Processing BasicsImage Processing Basics
Image Processing Basics
 
Image resolution
Image resolutionImage resolution
Image resolution
 
Digital image processing
Digital image processing  Digital image processing
Digital image processing
 
Digital Image Processing
Digital Image ProcessingDigital Image Processing
Digital Image Processing
 
Image segmentation using wvlt trnsfrmtn and fuzzy logic. ppt
Image segmentation using wvlt trnsfrmtn and fuzzy logic. pptImage segmentation using wvlt trnsfrmtn and fuzzy logic. ppt
Image segmentation using wvlt trnsfrmtn and fuzzy logic. ppt
 
Application of image processing
Application of image processingApplication of image processing
Application of image processing
 
Histogram Equalization
Histogram EqualizationHistogram Equalization
Histogram Equalization
 
Introduction of image processing
Introduction of image processingIntroduction of image processing
Introduction of image processing
 
Introduction to Digital Image Processing
Introduction to Digital Image ProcessingIntroduction to Digital Image Processing
Introduction to Digital Image Processing
 
Signature recognition
Signature recognitionSignature recognition
Signature recognition
 
Image Processing ppt
Image Processing pptImage Processing ppt
Image Processing ppt
 
Image compression
Image compressionImage compression
Image compression
 
EDGE DETECTION
EDGE DETECTIONEDGE DETECTION
EDGE DETECTION
 
Image enhancement
Image enhancementImage enhancement
Image enhancement
 
Image classification
Image classificationImage classification
Image classification
 
Digital Image Processing: Image Restoration
Digital Image Processing: Image RestorationDigital Image Processing: Image Restoration
Digital Image Processing: Image Restoration
 
Gpu
GpuGpu
Gpu
 
Chapter 9 morphological image processing
Chapter 9   morphological image processingChapter 9   morphological image processing
Chapter 9 morphological image processing
 

Viewers also liked

Test psicotecnicos y_de_personalidad[1](1)-2(1)
Test psicotecnicos y_de_personalidad[1](1)-2(1)Test psicotecnicos y_de_personalidad[1](1)-2(1)
Test psicotecnicos y_de_personalidad[1](1)-2(1)
Manuel Ordoñez
 
JPG vs. GIF vs. PNG
JPG vs. GIF vs. PNGJPG vs. GIF vs. PNG
JPG vs. GIF vs. PNG
kay2
 
ASI-IHC archaeological survey of india- ppt
ASI-IHC archaeological survey of india- pptASI-IHC archaeological survey of india- ppt
ASI-IHC archaeological survey of india- ppt
IHCSEM1
 

Viewers also liked (20)

Test psicotecnicos y_de_personalidad[1](1)-2(1)
Test psicotecnicos y_de_personalidad[1](1)-2(1)Test psicotecnicos y_de_personalidad[1](1)-2(1)
Test psicotecnicos y_de_personalidad[1](1)-2(1)
 
JPG vs. GIF vs. PNG
JPG vs. GIF vs. PNGJPG vs. GIF vs. PNG
JPG vs. GIF vs. PNG
 
Sharing PowerPoint Online
Sharing PowerPoint OnlineSharing PowerPoint Online
Sharing PowerPoint Online
 
ħAl qormi (1)
ħAl qormi (1)ħAl qormi (1)
ħAl qormi (1)
 
Jpeg And Gif
Jpeg And GifJpeg And Gif
Jpeg And Gif
 
2D3Dpitching
2D3Dpitching2D3Dpitching
2D3Dpitching
 
Images on the Web
Images on the WebImages on the Web
Images on the Web
 
Modem | A Quick Preview
Modem |  A Quick PreviewModem |  A Quick Preview
Modem | A Quick Preview
 
Jpeg Vs Gif Vs Png
Jpeg Vs Gif Vs PngJpeg Vs Gif Vs Png
Jpeg Vs Gif Vs Png
 
Micro pumps & micro valves
Micro pumps & micro valvesMicro pumps & micro valves
Micro pumps & micro valves
 
GeoCV - Mobile 3D Capture
GeoCV - Mobile 3D CaptureGeoCV - Mobile 3D Capture
GeoCV - Mobile 3D Capture
 
Agrobiodiversity and sustainability
Agrobiodiversity and sustainabilityAgrobiodiversity and sustainability
Agrobiodiversity and sustainability
 
ASI-IHC archaeological survey of india- ppt
ASI-IHC archaeological survey of india- pptASI-IHC archaeological survey of india- ppt
ASI-IHC archaeological survey of india- ppt
 
JavaScript: Events Handling
JavaScript: Events HandlingJavaScript: Events Handling
JavaScript: Events Handling
 
Project presentation image compression by manish myst, ssgbcoet
Project presentation image compression by manish myst, ssgbcoetProject presentation image compression by manish myst, ssgbcoet
Project presentation image compression by manish myst, ssgbcoet
 
Function generator
Function generatorFunction generator
Function generator
 
Indian Money at Swiss Banks
Indian Money at Swiss Banks Indian Money at Swiss Banks
Indian Money at Swiss Banks
 
Network modem
Network modemNetwork modem
Network modem
 
Ambassador plc
Ambassador plcAmbassador plc
Ambassador plc
 
Lzw compression
Lzw compressionLzw compression
Lzw compression
 

Similar to Portable Network Graphics (PNG)

Technical glossary
Technical glossaryTechnical glossary
Technical glossary
AmaanGDesign
 
Stem 71 24 multimedia elements - graphics
Stem 71 24   multimedia elements - graphicsStem 71 24   multimedia elements - graphics
Stem 71 24 multimedia elements - graphics
Kelly Bauer
 
Technical File Presentation Version 2
Technical File Presentation Version 2Technical File Presentation Version 2
Technical File Presentation Version 2
WildOakForrest
 
Multimedia systems and applications
Multimedia systems and applicationsMultimedia systems and applications
Multimedia systems and applications
Karuna Moorthi
 

Similar to Portable Network Graphics (PNG) (20)

Commonly Used Image File Formats
Commonly Used Image File FormatsCommonly Used Image File Formats
Commonly Used Image File Formats
 
MM1
MM1MM1
MM1
 
madhu
madhumadhu
madhu
 
Technical glossary
Technical glossaryTechnical glossary
Technical glossary
 
Chapter 23: Web Images
Chapter 23: Web ImagesChapter 23: Web Images
Chapter 23: Web Images
 
Image processing
Image processingImage processing
Image processing
 
Image Files Formats
Image Files FormatsImage Files Formats
Image Files Formats
 
DIWE - Multimedia Technologies
DIWE - Multimedia TechnologiesDIWE - Multimedia Technologies
DIWE - Multimedia Technologies
 
Stem 71 24 multimedia elements - graphics
Stem 71 24   multimedia elements - graphicsStem 71 24   multimedia elements - graphics
Stem 71 24 multimedia elements - graphics
 
File types
File typesFile types
File types
 
Technical File Presentation Version 2
Technical File Presentation Version 2Technical File Presentation Version 2
Technical File Presentation Version 2
 
File Formats
File FormatsFile Formats
File Formats
 
Grade 8 image file format
Grade 8   image file formatGrade 8   image file format
Grade 8 image file format
 
Chap62
Chap62Chap62
Chap62
 
Different types of graphics formats
Different types of graphics formatsDifferent types of graphics formats
Different types of graphics formats
 
Image formats
Image formatsImage formats
Image formats
 
Digital image formats
Digital image formatsDigital image formats
Digital image formats
 
Multimedia systems and applications
Multimedia systems and applicationsMultimedia systems and applications
Multimedia systems and applications
 
Stand graphdocs
Stand graphdocsStand graphdocs
Stand graphdocs
 
Graphic aids pictures A lecture By Allah Dad Khan VP The University Of Agr...
Graphic aids pictures   A lecture  By Allah Dad Khan VP The University Of Agr...Graphic aids pictures   A lecture  By Allah Dad Khan VP The University Of Agr...
Graphic aids pictures A lecture By Allah Dad Khan VP The University Of Agr...
 

Recently uploaded

Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
negromaestrong
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 

Recently uploaded (20)

Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
Food Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-II
Food Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-IIFood Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-II
Food Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-II
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 

Portable Network Graphics (PNG)

  • 2.  Introduction – GIF features retained in PNG include • Indexed-color images of up to 256 colors. • Progressive display • Transparency • Complete hardware and platform independence • Ancillary information – Important new features of PNG, not available in GIF • Truecolor images • Full alpha channel • Image gamma information • Faster initial presentation – PNG is designed to be • Simple and portable • Well compressed
  • 3.  Color values  Image layout  Alpha channel  Filtering  Interlaced data order  Text strings
  • 4.  PNG file signature  Header (137 80 78 71 13 10 26 10)  Chunk layout – Length – ChunkType – Chunk Data – CRC (Cyclic Redundancy Check)  Chunk naming conventions
  • 5.
  • 6.  Chunk Specifications  IHDR Image header Width: 4 bytes Height: 4 bytes Bit depth: 1 byte Color type: 1 byte Compression method: 1 byte Filter method: 1 byte Interlace method: 1 byte
  • 7.  PLTE Palette  IDAT Image data  IEND Image trailer
  • 8.  bKGD Background color  tRNSTransparency  gAMA Image gamma  tIME Image last-modification time  iCCP Embedded ICC (nIternational Color Consortium)  tEXtTextual data  sRGB Standard RGB color space
  • 9.  pre-compression: filtering (prediction)  compression: DEFLATE TYPE NAME 0 None 1 Sub 2 Up 3 Average 4 Paeth
  • 11.  Comparison with Graphics Interchange Format (GIF)  On most images, PNG can achieve greater compression than GIF (see the section on filesize, below). – PNG gives a much wider range of transparency options than GIF, including alpha channel transparency. – Whereas GIF is limited to 8-bit indexed color, PNG gives a much wider range of color depths, including 24-bit (8 bits per channel) and 48-bit (16 bits per channel) truecolor, allowing for greater color precision, smoother fades, etc.When an alpha channel is added, up to 64 bits per pixel (before compression) are possible. – GIF intrinsically supports animated images. PNG supports animation only via unofficial extensions (see the section on animation, above). – PNG images are widely supported (for instance, with modern web browsers and office software), but not as widely supported as GIF images.
  • 12.  Comparison with JPEG – JPEG (Joint Photography Experts Group) can produce a smaller file than PNG for photographic (and photo-like) images, since JPEG uses a lossy encoding method specifically designed for photographic image data. Using PNG instead of a high-quality JPEG for such images would result in a large increase in filesize (often 5–10 times) with negligible gain in quality
  • 13.  PNG compatible browsers include: Apple Safari, Google Chrome, Mozilla Firefox, Opera, Camino, Internet Explorer 7 – 4.0 crashes on large PNG chunks. – 4.0 does not include the functionality to view .png files, but there is a registry fix. – 5.0 and 5.01 have broken OBJECT support. – 5.01 prints palette images with black (or dark gray) backgrounds under Windows 98, sometimes with radically altered colors. – 6.0 fails to display PNG images of 4097 or 4098 bytes in size. – 6.0 cannot open a PNG file that contains one or more zero-length IDAT chunks. – 6.0 sometimes completely loses ability to display PNGs, but there are various fixes. – 6.0 and below has broken alpha-channel transparency support (will display the default background color instead). However there are various fixes: