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

What's hot (20)

Electronics Microcontrollers for IoT applications
Electronics Microcontrollers for IoT applicationsElectronics Microcontrollers for IoT applications
Electronics Microcontrollers for IoT applications
 
Gpu presentation
Gpu presentationGpu presentation
Gpu presentation
 
Arduino and its hw architecture
Arduino and its hw architectureArduino and its hw architecture
Arduino and its hw architecture
 
Presentation for Apple M1 chip
Presentation for Apple M1 chipPresentation for Apple M1 chip
Presentation for Apple M1 chip
 
Microcontroller presentation
Microcontroller presentationMicrocontroller presentation
Microcontroller presentation
 
Microprocessor ppt
Microprocessor pptMicroprocessor ppt
Microprocessor ppt
 
Bus Standards and Networking
Bus Standards and NetworkingBus Standards and Networking
Bus Standards and Networking
 
Introduction to AVR Microcontroller
Introduction to AVR Microcontroller Introduction to AVR Microcontroller
Introduction to AVR Microcontroller
 
Integrated Circuit (IC TECHNOLOGY)
Integrated Circuit (IC TECHNOLOGY) Integrated Circuit (IC TECHNOLOGY)
Integrated Circuit (IC TECHNOLOGY)
 
ARM Processor
ARM ProcessorARM Processor
ARM Processor
 
Embedded system
Embedded systemEmbedded system
Embedded system
 
Clock Triggering
Clock TriggeringClock Triggering
Clock Triggering
 
Embedded System Basics
Embedded System BasicsEmbedded System Basics
Embedded System Basics
 
Introduction to FPGAs
Introduction to FPGAsIntroduction to FPGAs
Introduction to FPGAs
 
SEMICONDUCTOR MEMORIES(RAM &ROM).pptx
SEMICONDUCTOR MEMORIES(RAM &ROM).pptxSEMICONDUCTOR MEMORIES(RAM &ROM).pptx
SEMICONDUCTOR MEMORIES(RAM &ROM).pptx
 
Snapdragon
SnapdragonSnapdragon
Snapdragon
 
What is system on chip (1)
What is system on chip (1)What is system on chip (1)
What is system on chip (1)
 
1wire protocol
1wire protocol1wire protocol
1wire protocol
 
Computer hardware presentation
Computer hardware presentationComputer hardware presentation
Computer hardware presentation
 
Computer storage devices
Computer storage devicesComputer storage devices
Computer storage devices
 

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

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 

Recently uploaded (20)

Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
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
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 

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: