PNG <ul><li>Gabriel de Oliva Bemfica </li></ul><ul><li>Isabel Schreiber Rocha Scarlazzari </li></ul><ul><li>Luter Caio da ...
PNG - resumo <ul><li>Formato de arquivo de imagens, similar ao GIF, ao JPEG e ao BMP; </li></ul><ul><li>Proposto em 1995/6...
História <ul><ul><li>O PNG (pronuncia-se  “ ping ” ) foi proposto primeiramente na lista de discussão  comp.graphics  da U...
História <ul><li>O formato foi inicialmente proposto por Thomas Boutell. Em pouco tempo, grandes nomes da área de TI e de ...
Aspectos técnicos <ul><li>Estrutura: </li></ul><ul><ul><ul><li>Cabeçalho (8 bytes): Define as características básicas do a...
Aspectos técnicos <ul><li>Estrutura - cabeçalho: </li></ul><ul><ul><ul><li>Bit inicial: (89, em hexadecimal): Bit de valor...
Aspectos técnicos <ul><li>Estrutura - segmentos: </li></ul><ul><ul><ul><li>São divididos em 2: segmentos críticos (obrigat...
Aspectos técnicos <ul><li>Estrutura - segmentos: </li></ul><ul><ul><ul><li>Segmentos críticos: IHDR (contém o cabeçalho), ...
Aspectos técnicos <ul><li>Profundidade de cor: </li></ul><ul><ul><ul><li>Existem 5 níveis: cores indexadas (paleta, até 8 ...
Aspectos técnicos <ul><li>Transparência: </li></ul><ul><ul><ul><li>O PNG possui um canal dedicado para transparência, com ...
Exemplo do  “ efeito fantasma ”
Aspectos técnicos <ul><li>Compressão: </li></ul><ul><ul><ul><li>Usa um método lossless (sem perdas) chamado DEFLATE; </li>...
Aspectos técnicos <ul><li>Entrelaçamento: </li></ul><ul><ul><ul><li>Utiliza o algoritmo Adam7, de 7 passos; </li></ul></ul...
Exemplificação do algoritmo de entrelaçamento Adam7
Comparação dos entrelaçamentos de GIF e PNG
Aspectos técnicos <ul><li>Animação e variações do formato: </li></ul><ul><ul><ul><li>O PNG não suporta animações. Todavia,...
Comparação com outros formatos <ul><li>JPEG: </li></ul><ul><ul><ul><li>Compressão: sem perdas no PNG, perda geracional no ...
Comparação com outros formatos <ul><li>TIFF: </li></ul><ul><ul><ul><li>Tamanho de arquivo: com tamanhos iguais, a qualidad...
Comparação com outros formatos <ul><li>GIF: </li></ul><ul><ul><ul><li>Tamanho de arquivo: geralmente o PNG, nas mesmas con...
Suporte e compatibilidade <ul><li>Editores: </li></ul><ul><ul><ul><li>Adobe Photoshop; </li></ul></ul></ul><ul><ul><ul><li...
Suporte e compatibilidade <ul><ul><li>Visualizadores: </li></ul></ul><ul><ul><ul><li>Windows PictView; </li></ul></ul></ul...
Suporte e compatibilidade <ul><ul><li>Navegadores: </li></ul></ul><ul><ul><ul><li>Internet Explorer; </li></ul></ul></ul><...
Suporte e compatibilidade <ul><ul><li>Sistemas Operacionais: </li></ul></ul><ul><ul><ul><li>Windows; </li></ul></ul></ul><...
Bibliografia <ul><li>Wikipédia (em inglês): </li></ul><ul><ul><ul><li>en.wikipedia.org/wiki/Portable_Network_Graphics </li...
Upcoming SlideShare
Loading in …5
×

Formatos de arquivo - PNG

3,336 views

Published on

Essa apresentação descreve a história, usos e resumo sobre o formato de arquivos digitais PNG, usado como extensão para alguns arquivos de imagem.
NOTA: As animações que descrevem o algoritmo Adam7 e a comparação entre o método de entrelaçamento do PNG e do GIF não estão funcionando no slide. Para a primeira animação (descrição visual do algoritmo Adam7), visite:
http://migre.me/5BhTY
Para a segunda animação (comparativo), visite:
http://migre.me/5BhSv

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
3,336
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
30
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Formatos de arquivo - PNG

  1. 1. PNG <ul><li>Gabriel de Oliva Bemfica </li></ul><ul><li>Isabel Schreiber Rocha Scarlazzari </li></ul><ul><li>Luter Caio da Cruz Nobre </li></ul><ul><li>Magno de Almeida Leitão </li></ul>
  2. 2. PNG - resumo <ul><li>Formato de arquivo de imagens, similar ao GIF, ao JPEG e ao BMP; </li></ul><ul><li>Proposto em 1995/6 como substituição ao recém-patenteado GIF; </li></ul><ul><li>Utiliza compressão sem perdas; </li></ul><ul><li>Permite profundidade de cor de até 64 bits; </li></ul><ul><li>Não suporta animação; </li></ul><ul><li>Suportado pela maioria dos navegadores e editores de imagem. </li></ul>
  3. 3. História <ul><ul><li>O PNG (pronuncia-se “ ping ” ) foi proposto primeiramente na lista de discussão comp.graphics da Usenet, após o anúncio, pelas empresas Unisys e CompuServe, de que o algoritmo de compressão do formato GIF havia sido patenteado, e que seus utilizadores (desenvolvedores, não consumidores finais) deveriam pagar royalties para seu uso. </li></ul></ul>
  4. 4. História <ul><li>O formato foi inicialmente proposto por Thomas Boutell. Em pouco tempo, grandes nomes da área de TI e de imagens se juntaram ao projeto, como Adam Costello (responsável pelo algoritmo de entrelaçamento), Greg Roelofs (responsável pela ideia do CRC e mantenedor do projeto na internet), Lee Daniel Crocker (programador presente também na criação do GIF e do JPEG), entre outros. </li></ul><ul><li>O nome original seria Portable Bitmap Format. A sugestão de PING como sigla para “ PNG Is Not GIF ” , com extensão .PNG, foi mantida em parte no projeto, final, mas com a alteração do significado para Portable Network Graphics. </li></ul>
  5. 5. Aspectos técnicos <ul><li>Estrutura: </li></ul><ul><ul><ul><li>Cabeçalho (8 bytes): Define as características básicas do arquivo, servindo para identificar o formato e o tipo de sistema (UNIX/DOS) em que está rodando; </li></ul></ul></ul><ul><ul><ul><li>Segmentos ( “ n ” bytes): São diversos pedaços de código que dizem respeito a variadas partes do arquivo, bem como características diversas. </li></ul></ul></ul>
  6. 6. Aspectos técnicos <ul><li>Estrutura - cabeçalho: </li></ul><ul><ul><ul><li>Bit inicial: (89, em hexadecimal): Bit de valor alto, define que o arquivo não deve ser lido em codificações de texto, como ASCII; </li></ul></ul></ul><ul><ul><ul><li>Nomeação (50, 4E e 47): São os valores em HEX para as letras PNG; </li></ul></ul></ul><ul><ul><ul><li>Quebras de linha (0D0A e 0A): São usadas para detectar o sistema no qual o arquivo está sendo aberto; </li></ul></ul></ul><ul><ul><ul><li>Fim de arquivo ( “ end-of-file ” ): Dá início à seção dos segmentos. </li></ul></ul></ul>
  7. 7. Aspectos técnicos <ul><li>Estrutura - segmentos: </li></ul><ul><ul><ul><li>São divididos em 2: segmentos críticos (obrigatórios) e auxiliares (opcionais); </li></ul></ul></ul><ul><ul><ul><li>Estrutura: dimensão (valor de 4 bytes), tipo (4 bytes), dados (tamanho definido pela “ dimensão ” ) e CRC (4 bytes); </li></ul></ul></ul><ul><ul><ul><li>Podem estar em qualquer ordem, desde que o segmento IHDR seja o primeiro e o IEND, o último; </li></ul></ul></ul>
  8. 8. Aspectos técnicos <ul><li>Estrutura - segmentos: </li></ul><ul><ul><ul><li>Segmentos críticos: IHDR (contém o cabeçalho), PLTE (contém a paleta de cores, obrigatório somente para PNGs com cores indexadas), IDAT (contém os dados do arquivo, a imagem em si - pode ser dividido em vários segmentos) e IEND (indica o fim do arquivo); </li></ul></ul></ul><ul><ul><ul><li>Existem diversos segmentos auxiliares, indicando parâmetros, que vão da cor de fundo à data da última modificação do arquivo, passando por segmentos que definem a transparência, entre outros. </li></ul></ul></ul>
  9. 9. Aspectos técnicos <ul><li>Profundidade de cor: </li></ul><ul><ul><ul><li>Existem 5 níveis: cores indexadas (paleta, até 8 bits), escala de cinza (16 bits), escala de cinza com canal alfa (com transparência, 24 bits), true-color (24 bits) e true-color com canal alfa (32 bits); </li></ul></ul></ul><ul><ul><ul><li>Alguns computadores e monitores podem trabalhar com um modo especial de 16 bits por canal + 16 bits de transparência, criando PNGs de 64 bits. </li></ul></ul></ul>
  10. 10. Aspectos técnicos <ul><li>Transparência: </li></ul><ul><ul><ul><li>O PNG possui um canal dedicado para transparência, com até 8 bits (diferentemente do GIF, onde apenas um nível de transparência era possível, sacrificando-se uma cor da paleta); </li></ul></ul></ul><ul><ul><ul><li>Possibilita anti-aliasing com fundos de qualquer cor, não possuindo o problema de “ efeito fantasma ” criado por transparências no GIF; </li></ul></ul></ul><ul><ul><ul><li>Pode ser usado também no modo de cores indexadas, onde uma cor com transparência ocupa um espaço na paleta. </li></ul></ul></ul>
  11. 11. Exemplo do “ efeito fantasma ”
  12. 12. Aspectos técnicos <ul><li>Compressão: </li></ul><ul><ul><ul><li>Usa um método lossless (sem perdas) chamado DEFLATE; </li></ul></ul></ul><ul><ul><ul><li>O método DEFLATE foi criado, originalmente, para arquivos ZIP. Seu autor colaborou diretamente na criação do PNG, e é citado como co-autor do formato; </li></ul></ul></ul><ul><ul><ul><li>O método DEFLATE mistura os métodos LZ77 e Huffman para criar uma compressão sem perdas; </li></ul></ul></ul><ul><ul><ul><li>Essa característica faz do PNG um método sem perda geracional de qualidade, ao contrário, por exemplo, do JPEG. </li></ul></ul></ul>
  13. 13. Aspectos técnicos <ul><li>Entrelaçamento: </li></ul><ul><ul><ul><li>Utiliza o algoritmo Adam7, de 7 passos; </li></ul></ul></ul><ul><ul><ul><li>Permite ao usuário identificar traços-chave da imagem antes que a mesma seja completamente carregada; </li></ul></ul></ul><ul><ul><ul><li>O entrelaçamento é opcional no PNG. Todavia, seu método é superior, por exemplo, ao método padrão de entrelaçamento do GIF. </li></ul></ul></ul>
  14. 14. Exemplificação do algoritmo de entrelaçamento Adam7
  15. 15. Comparação dos entrelaçamentos de GIF e PNG
  16. 16. Aspectos técnicos <ul><li>Animação e variações do formato: </li></ul><ul><ul><ul><li>O PNG não suporta animações. Todavia, os formatos MNG (oficial) e APNG (não oficial, desenvolvido pela Mozilla) são alternativas; </li></ul></ul></ul><ul><ul><ul><li>O formato JNG é uma mescla de JPEG com PNG, possibilitando compressão a nível de JPG com uma camada de transparência; </li></ul></ul></ul><ul><ul><ul><li>Nenhum dos 3 formatos tem ampla aceitação ou uso. </li></ul></ul></ul>
  17. 17. Comparação com outros formatos <ul><li>JPEG: </li></ul><ul><ul><ul><li>Compressão: sem perdas no PNG, perda geracional no JPEG; </li></ul></ul></ul><ul><ul><ul><li>Transparência: suporte a alfa inexistente no JPEG (apenas com JNG); </li></ul></ul></ul><ul><ul><ul><li>Tamanho de arquivo: a compressão do JPEG garante arquivos até 10 vezes menores. Para trabalhos profissionais, usa-se RAW ou TIFF, e somente depois do trabalho pronto salva-se em JPEG (a perda de qualidade com apenas uma compressão não é significativa); </li></ul></ul></ul><ul><ul><ul><li>Tags EXIF: O PNG não tem suporte a armazenamento EXIF, presente no JPEG. </li></ul></ul></ul>
  18. 18. Comparação com outros formatos <ul><li>TIFF: </li></ul><ul><ul><ul><li>Tamanho de arquivo: com tamanhos iguais, a qualidade de uma imagem TIFF é superior à de uma imagem PNG; </li></ul></ul></ul><ul><ul><ul><li>Transparência: ambos os formatos suportam transparência; </li></ul></ul></ul><ul><ul><ul><li>Complexidade: devido à sua estrutura complexa, o TIFF não é amplamente suportado em programas de visualização de imagens (como navegadores). </li></ul></ul></ul>
  19. 19. Comparação com outros formatos <ul><li>GIF: </li></ul><ul><ul><ul><li>Tamanho de arquivo: geralmente o PNG, nas mesmas configurações do GIF, gera arquivos menores para a mesma imagens, porém, há excessões; </li></ul></ul></ul><ul><ul><ul><li>Transparência: ambos os formatos suportam transparência, mas de apenas um nível no GIF, e de 8 bits (256 níveis) no PNG; </li></ul></ul></ul><ul><ul><ul><li>Profundidade de cor: O GIF está restrito a 8 bits, contra até 64 no PNG; </li></ul></ul></ul><ul><ul><ul><li>Entrelaçamento: o tempo total para carregar uma mesma imagem é semelhante, mas o método do PNG permite discernir a imagem mais rapidamente; </li></ul></ul></ul><ul><ul><ul><li>Animação: suportada no PNG somente através dos formatos MNG e APNG, nativa no GIF; </li></ul></ul></ul><ul><ul><ul><li>Compatibilidade: navegadores mais antigos não suportam completamente o PNG. </li></ul></ul></ul>
  20. 20. Suporte e compatibilidade <ul><li>Editores: </li></ul><ul><ul><ul><li>Adobe Photoshop; </li></ul></ul></ul><ul><ul><ul><li>Corel PhotoPaint </li></ul></ul></ul><ul><ul><ul><li>Corel PaintShop Pro; </li></ul></ul></ul><ul><ul><ul><li>GIMP </li></ul></ul></ul><ul><ul><ul><li>Inkscape; </li></ul></ul></ul><ul><ul><ul><li>Paint.NET. </li></ul></ul></ul>
  21. 21. Suporte e compatibilidade <ul><ul><li>Visualizadores: </li></ul></ul><ul><ul><ul><li>Windows PictView; </li></ul></ul></ul><ul><ul><ul><li>Apple Preview; </li></ul></ul></ul><ul><ul><ul><li>Apple iPhoto; </li></ul></ul></ul><ul><ul><ul><li>Aplicativos diversos para Linux. </li></ul></ul></ul>
  22. 22. Suporte e compatibilidade <ul><ul><li>Navegadores: </li></ul></ul><ul><ul><ul><li>Internet Explorer; </li></ul></ul></ul><ul><ul><ul><li>Netscape; </li></ul></ul></ul><ul><ul><ul><li>Baseados em WebKit (Safari, Chrome, etc); </li></ul></ul></ul><ul><ul><ul><li>Firefox; </li></ul></ul></ul><ul><ul><ul><li>Opera; </li></ul></ul></ul><ul><ul><ul><li>Konqueror; </li></ul></ul></ul><ul><ul><ul><li>Entre outros. </li></ul></ul></ul>
  23. 23. Suporte e compatibilidade <ul><ul><li>Sistemas Operacionais: </li></ul></ul><ul><ul><ul><li>Windows; </li></ul></ul></ul><ul><ul><ul><li>Mac OS; </li></ul></ul></ul><ul><ul><ul><li>Linux (diversos); </li></ul></ul></ul><ul><ul><ul><li>AmigaOS; </li></ul></ul></ul><ul><ul><ul><li>Sistemas menores (ArchOS, etc); </li></ul></ul></ul><ul><ul><ul><li>Sistemas móveis (iOS, Android, etc). </li></ul></ul></ul>
  24. 24. Bibliografia <ul><li>Wikipédia (em inglês): </li></ul><ul><ul><ul><li>en.wikipedia.org/wiki/Portable_Network_Graphics </li></ul></ul></ul><ul><ul><ul><li>en.wikipedia.org/wiki/Comparison_of_graphic_file_formats </li></ul></ul></ul><ul><ul><ul><li>en.wikipedia.org/wiki/Comparison_of_web_browsers#Image_format_support </li></ul></ul></ul><ul><ul><li>Outros sites: </li></ul></ul><ul><ul><ul><li>pt.kioskea.net/contents/video/format-png.php3 </li></ul></ul></ul><ul><ul><ul><li>www.libpng.org </li></ul></ul></ul>

×