{"id":175,"date":"2014-09-20T18:51:55","date_gmt":"2014-09-20T21:51:55","guid":{"rendered":"http:\/\/ricardoartur.com.br\/imagem\/?p=175"},"modified":"2020-07-27T17:09:31","modified_gmt":"2020-07-27T20:09:31","slug":"formatos-de-imagem","status":"publish","type":"post","link":"https:\/\/ricardoartur.com.br\/imagem\/2014\/09\/20\/formatos-de-imagem\/","title":{"rendered":"Formatos de imagem"},"content":{"rendered":"<p>Existem diversos\u00a0formatos de imagem que os softwares de imagem conseguem trabalhar. \u00c9 preciso ter no\u00e7\u00e3o da finalidade da imagem para melhor especificar o formato de exporta\u00e7\u00e3o.<\/p>\n<p>Basicamente podemos dividir os formatos em quatro tipos:<\/p>\n<ul>\n<li><strong>Formatos edit\u00e1veis<\/strong><br \/>\nformatos em que\u00a0s\u00e3o mantidas<strong>\u00a0as capacidades de edi\u00e7\u00e3o<\/strong> e camadas, mas dependem do software para serem abertas. O \u00a0tamanho do arquivo em disco tende a ficar muito grande, pois todas as informa\u00e7\u00f5es necess\u00e1rias encontram-se embutidas no arquivo. Recomend\u00e1vel para uso durante o trabalho, mas n\u00e3o recomend\u00e1vel como\u00a0formato de sa\u00edda (impressa ou tela).<\/p>\n<ul>\n<li>Formatos bitmap\n<ul>\n<li>GIMP: (XCF, PSD)<\/li>\n<li>Photoshop: (PSD, Photoshop PDF):<\/li>\n<\/ul>\n<\/li>\n<li>Formatos vetoriais\n<ul>\n<li>Inkscape: (SVG, AI, EPS)<\/li>\n<li>Illustrator: (AI, Illustrator PDF, EPS)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li><strong>Formatos vetoriais n\u00e3o edit\u00e1veis<br \/>\n<\/strong>(EPS, PDF, SVG): alguns desses formatos apresentam as mesmas extens\u00f5es que os formatos edit\u00e1veis, todavia sofrem um processo de simplifica\u00e7\u00e3o e, com isso perdem algumas caracter\u00edsticas, como o texto edit\u00e1vel ou as camadas. Ainda assim \u00e9 poss\u00edvel manipular a imagem sendo a principal diferen\u00e7a as perdas das caracter\u00edsticas de edi\u00e7\u00e3o do formato original.<\/li>\n<li><strong>Formatos bitmaps sem compress\u00e3o<br \/>\n<\/strong>(BMP, TIFF): formatos em que <strong>h\u00e1 perda <\/strong>na capacidade edi\u00e7\u00e3o, mas <strong>n\u00e3o h\u00e1 perda<\/strong> na qualidade da imagem, pois n\u00e3o utiliza algoritmo de compress\u00e3o (ou \u00e9 opcional). O \u00a0tamanho do arquivo em disco tende a ficar grande. Recomend\u00e1vel para sa\u00edda impressa, n\u00e3o recomend\u00e1vel para sa\u00edda em tela (internet, e-mail, \u00a0proje\u00e7\u00e3o, etc).<\/li>\n<li><strong>Formatos bitmaps com compress\u00e3o<br \/>\n<\/strong>(GIF, JPEG, PNG): formatos em que <strong>h\u00e1 perda<\/strong> na capacidade de edi\u00e7\u00e3o e tamb\u00e9m\u00a0<strong>h\u00e1 perda\u00a0<\/strong>na qualidade da imagem, pois h\u00e1 um algoritmo de compress\u00e3o da imagem.\u00a0O \u00a0tamanho do arquivo em disco tende a ficar\u00a0pequeno (consideravelmente menor que sem compress\u00e3o).<\/li>\n<\/ul>\n<p>A seguir vemos diferentes formatos de imagens gerados a partir\u00a0 da mesma imagem.<\/p>\n<p><a title=\"Formato TIFF\" href=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/09\/format.zip\">Clique aqui para fazer download do arquivo zipado com a imagem no formato TIFF.<\/a><\/p>\n<p><!--more--><\/p>\n<h2>Formato GIF<\/h2>\n<p>O formato GIF admite imagens com transpar\u00eancia. Todavia a sua compress\u00e3o se d\u00e1 pela redu\u00e7\u00e3o da tabela de cores. Com isso h\u00e1 perda da qualidade de cores das imagens, ficando limitada entre uma escala de 2 a 256 cores.<\/p>\n<p>Abaixo a imagem salva em GIF com 32 cores.<\/p>\n<p><a href=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/09\/Format_32.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-178\" src=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/09\/Format_32.gif\" alt=\"Format_32\" width=\"650\" height=\"359\" \/><\/a><\/p>\n<p>Aqui\u00a0a imagem salva em GIF com 256 cores.<\/p>\n<h5><a href=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/09\/Format_256.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-179\" src=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/09\/Format_256.gif\" alt=\"Format_256\" width=\"650\" height=\"359\" \/><\/a>Caracter\u00edsticas do formato GIF<\/h5>\n<ul>\n<li>Admite transpar\u00eancias<\/li>\n<li>Admite anima\u00e7\u00f5es<\/li>\n<li>Admite imagens de no m\u00e1ximo 256 cores<\/li>\n<li>Se bem indexadas, permite boas cores chapadas<\/li>\n<li>N\u00e3o funciona bem para transi\u00e7\u00f5es de cores e degrad\u00eas<\/li>\n<\/ul>\n<h2>Formato JPEG (ou JPG)<\/h2>\n<p>O formato JPEG comprime a imagem\u00a0mediante a perda de informa\u00e7\u00f5es na imagem. Isto \u00e9: \u00e1reas de cores e mudan\u00e7as sutis e pequenos detalhes s\u00e3o descartados, enquanto as principais \u00e1reas de brilho s\u00e3o mantida, mantendo semelhan\u00e7a com a imagem original.<\/p>\n<p>O formato JPEG \u00e9 adequado \u00e0 fotografias para a Web uma vez que reduz muito o tamanho da imagem. Por\u00e9m, n\u00e3o \u00e9 muito adequado para m\u00faltiplas edi\u00e7\u00f5es, pois a cada salvamento h\u00e1 perdas na imagem.<\/p>\n<p>Abaixo uma imagem JPEG com fator de compress\u00e3o m\u00e1ximo (e com mais perdas na qualidade &#8211; note as caixas de cor).<a href=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/09\/Format_low.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-180\" src=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/09\/Format_low.jpg\" alt=\"Format_low\" width=\"650\" height=\"359\" srcset=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/09\/Format_low.jpg 650w, https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/09\/Format_low-300x165.jpg 300w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/a><\/p>\n<p>Aqui outra imagem JPEG, agora com qualidade m\u00e1xima e pouca compress\u00e3o.\u00a0<a href=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/09\/Format_maximum.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-181\" src=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/09\/Format_maximum.jpg\" alt=\"Format_maximum\" width=\"650\" height=\"359\" srcset=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/09\/Format_maximum.jpg 650w, https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/09\/Format_maximum-300x165.jpg 300w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/a><\/p>\n<h5>Caracter\u00edsticas do formato JPEG<\/h5>\n<ul>\n<li>N\u00e3o admite transpar\u00eancia<\/li>\n<li>N\u00e3o admite anima\u00e7\u00f5es<\/li>\n<li>Admite imagens de 32bits (16 milh\u00f5es de cores)<\/li>\n<li>Se muito comprimidas, n\u00e3o oferece boas cores chapadas<\/li>\n<li>De acordo com a compress\u00e3o oferece boa transi\u00e7\u00e3o de cores e degrad\u00eas<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>Formato\u00a0PNG<\/h2>\n<p>O formato PNG foi criado como alternativa ao formato GIF. Tamb\u00e9m funciona por uma tabela de cores indexadas que garantem a redu\u00e7\u00e3o da imagem.<\/p>\n<p>Existem dois tipos b\u00e1sicos o PNG de 8 bits (limitado a 256 cores) e o PNG de 24 bits, que j\u00e1 admite uma variedade bem maior de cores (16 milh\u00f5es).<\/p>\n<p>Abaixo um PNG-8 salvo com 32 cores.<\/p>\n<p><a href=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/09\/Format_32.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-183\" src=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/09\/Format_32.png\" alt=\"Format_32\" width=\"650\" height=\"359\" srcset=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/09\/Format_32.png 650w, https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/09\/Format_32-300x165.png 300w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/a><\/p>\n<p>Aqui temos um PNG-8 salvo com 256 cores.<a href=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/09\/Format_2561.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-184\" src=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/09\/Format_2561.gif\" alt=\"Format_256\" width=\"650\" height=\"359\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>J\u00e1 aqui temos um PNG-24.<\/p>\n<p><a href=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/09\/Format.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-182\" src=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/09\/Format.png\" alt=\"Format\" width=\"650\" height=\"359\" srcset=\"https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/09\/Format.png 650w, https:\/\/ricardoartur.com.br\/imagem\/files\/2014\/09\/Format-300x165.png 300w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/a><\/p>\n<h5>Caracter\u00edsticas do formato PNG<\/h5>\n<ul>\n<li>Admite transpar\u00eancia<\/li>\n<li>N\u00e3o admite anima\u00e7\u00e3o<\/li>\n<li>Admite imagens de poucas cores at\u00e9 imagens de 32bits (16 milh\u00f5es de cores)<\/li>\n<li>Dependendo da indexa\u00e7\u00e3o pode oferecer boas cores chapadas<\/li>\n<li>De acordo com a indexa\u00e7\u00e3o e do formato pode oferecer boa transi\u00e7\u00e3o de cores e degrad\u00eas<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Existem diversos\u00a0formatos de imagem que os softwares de imagem conseguem trabalhar. \u00c9 preciso ter no\u00e7\u00e3o da finalidade da imagem para melhor especificar o formato de exporta\u00e7\u00e3o. Basicamente podemos dividir os formatos em quatro tipos: Formatos edit\u00e1veis formatos em que\u00a0s\u00e3o mantidas\u00a0as capacidades de edi\u00e7\u00e3o e camadas, mas dependem do software para serem abertas. O \u00a0tamanho do [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[91,26],"tags":[88,42,45,44,43,46,47],"class_list":["post-175","post","type-post","status-publish","format-standard","hentry","category-conceitos","category-ferramentas","tag-bitmap","tag-formato","tag-gif","tag-jpeg","tag-jpg","tag-png","tag-tiff"],"_links":{"self":[{"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/posts\/175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/comments?post=175"}],"version-history":[{"count":5,"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/posts\/175\/revisions"}],"predecessor-version":[{"id":352,"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/posts\/175\/revisions\/352"}],"wp:attachment":[{"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/media?parent=175"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/categories?post=175"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ricardoartur.com.br\/imagem\/wp-json\/wp\/v2\/tags?post=175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}