{"id":113,"date":"2007-06-14T17:57:14","date_gmt":"2007-06-14T20:57:14","guid":{"rendered":"http:\/\/www.meiradarocha.jor.br\/news\/2007\/06\/14\/definitivamente-as-medidas-de-dpi-nao-modificam-o-tamanho-dos-arquivos-de-imagens-digitais\/"},"modified":"2011-06-08T12:01:00","modified_gmt":"2011-06-08T15:01:00","slug":"definitivamente-as-medidas-de-dpi-nao-modificam-o-tamanho-dos-arquivos-de-imagens-digitais","status":"publish","type":"post","link":"https:\/\/meiradarocha.jor.br\/news\/2007\/06\/14\/definitivamente-as-medidas-de-dpi-nao-modificam-o-tamanho-dos-arquivos-de-imagens-digitais\/","title":{"rendered":"Definitivamente: as medidas de DPI n\u00e3o modificam o tamanho dos arquivos de imagens"},"content":{"rendered":"<p>Este \u00e9 um engano muito comum na literatura sobre imagens digitais para internet. Ano ap\u00f3s ano, este mito \u00e9 passado adiante. O que me permitiu ganhar muitas apostas de cerveja contra webdesigners .<\/p>\n<ul>\n<li><strong>O conto \u00e9 este:<\/strong>Trabalhar imagens a 72 dpi deixaria menor o tamanho do arquivo digital.<\/li>\n<li><strong>O fato \u00e9 este:<\/strong>DPIs (dots per inch) referem-se a pontos por polegada no <strong>papel<\/strong>. \u00c9 uma medida que tem como refer\u00eancia a resolu\u00e7\u00e3o de <em>impressoras<\/em>. Na internet, esse valor n\u00e3o faz qualquer sentido, porque os monitores n\u00e3o obedecem \u00e0 medida &#8220;polegada&#8221;, mas \u00e0 medida &#8220;pixel&#8221;.<!--more--><\/li>\n<\/ul>\n<p>Modificar o valor de DPI n\u00e3o faz a menor diferen\u00e7a no tamanho do arquivo digital. Como exemplo, veja as fotos da <a href=\"http:\/\/suicidegirls.com\/\">Suicide Girl<\/a> abaixo: uma delas foi gravada a 72 DPI e a outra, a 300dpi. Repare como a quantidade de bytes de cada arquivo \u00e9 id\u00eantica.<\/p>\n<table border=\"1\" cellspacing=\"1\" cellpadding=\"2\">\n<tbody>\n<tr>\n<td><img decoding=\"async\" src=\"http:\/\/www.meiradarocha.jor.br\/news\/wp-content\/uploads\/2007\/06\/2003-04-07-72dpi.jpg\" border=\"0\" alt=\"\" hspace=\"0\" align=\"bottom\" \/><\/td>\n<td><img decoding=\"async\" src=\"http:\/\/www.meiradarocha.jor.br\/news\/wp-content\/uploads\/2007\/06\/2003-04-07-300dpi.jpg\" border=\"0\" alt=\"\" hspace=\"0\" align=\"bottom\" \/><\/td>\n<\/tr>\n<tr>\n<td>108 x 128 pixels&nbsp;<\/p>\n<p>72dpi<\/p>\n<p>14074 bytes<\/td>\n<td>108 x 128 pixels&nbsp;<\/p>\n<p>300dpi<\/p>\n<p>14074 bytes<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Comparei os dois arquivos com o Rixcomp, que mostra apenas os bytes que diferem, em dois arquivos. Comparando os dados das imagens, vi que os \u00fanicos bytes diferentes entre as duas imagens s\u00e3o 4. Suponho que \u00e9 onde os valores de DPI s\u00e3o armazenados, numa imagem JPG:<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.meiradarocha.jor.br\/news\/wp-content\/uploads\/2007\/06\/dpi-in-jpg.gif\" border=\"0\" alt=\"\" hspace=\"0\" align=\"bottom\" \/><\/p>\n<p>O valor de DPI fica nos quatro bytes a partir da posi\u00e7\u00e3o 0E (hexadecimal) do arquivo JPEG (em decimal, as posi\u00e7\u00f5es s\u00e3o 14, 15, 16 e 17). Como os n\u00fameros hexadecimais se repetem (0048 e 012C), nos dois arquivos, suponho que a resolu\u00e7\u00e3o seja para a orienta\u00e7\u00e3o horizontal e vertical (n\u00e3o conhe\u00e7o as especifica\u00e7\u00f5es JPEG. Quem souber, deixe um coment\u00e1rio nesta mat\u00e9ria).<\/p>\n<p>Ent\u00e3o, pela calculadora do Windows, fico sabendo que a nota\u00e7\u00e3o hexadecimal 0048 representa a mesma quantidade que a nota\u00e7\u00e3o decimal 72, e que a nota\u00e7\u00e3o hex 012C corresponde \u00e0 nota\u00e7\u00e3o decimal 300. Isso confirma minhas suspeitas: ali ficam armazenas as informa\u00e7\u00f5es sobre a escala da foto (os DPI).<\/p>\n<p>A simples mudan\u00e7a destes valores n\u00e3o causa qualquer aumento do tamanho do arquivo digital, pois qualquer valor ocupar\u00e1 sempre 4 bytes.<\/p>\n<h3>Por que a informa\u00e7\u00e3o de DPI existe<\/h3>\n<p>A import\u00e2ncia dos DPIs vem \u00e0 tona quando a gente baixa estas fotos e cola no PageMaker (n\u00e3o adianta copiar as imagens pelo bot\u00e3o direito do mouse e colar num programa de edi\u00e7\u00e3o: voc\u00ea tem que baixar aqueles arquivos que preparei). Como o PageMaker \u00e9 um programa orientado ao papel, ele adapta o tamanho da fota \u00e0s DPIs, ao importar imagens:<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.meiradarocha.jor.br\/news\/wp-content\/uploads\/2007\/06\/dpis-in-pm65.gif\" border=\"0\" alt=\"\" hspace=\"0\" align=\"bottom\" \/><\/p>\n<p>Embora fossem fotos id\u00eanticas, elas foram coladas e consideradas pelo PageMaker como tendo dimens\u00f5es diferentes. Repare como a foto em 96 dpi ficou com quase uma polegada. E a que tem 300 dpi ficou com um ter\u00e7o de polegada. Mas repare tamb\u00e9m que a foto com 300 dpi pode ser ampliada 300% e ficar t\u00e3o boa quanto a foto com 96 dpi, j\u00e1 que as duas t\u00eam as mesmas dimens\u00f5es em pixels.<\/p>\n<p>Suspeito que o maior respons\u00e1vel por esse engano (de achar que DPI t\u00eam import\u00e2ncia em fotos digitais) se deve \u00e0 interface amb\u00edg\u00fca dos programas de tratamento de fotos como Photoshop, feitos para artes gr\u00e1ficas em papel.<\/p>\n<p>Para arte digital, quando se vai reescalonar a foto, a gente deve escolher a op\u00e7\u00e3o de &#8220;<span style=\"color: #ff0000;\">n\u00e3o modificar o tamanho da imagem<\/span>&#8221; (ou algo similar), ao modificar os DPIs. \u00c9 a\u00ed que os webdesigners se perdem&#8230;<\/p>\n<p>Mais teoria sobre imagens fixas<\/p>\n<ol>\n<li><a href=\"http:\/\/www.normankoren.com\/pixels_images.html\">Pixels, imagens e arquivos<\/a>. Site do fot\u00f3grafo Normal Koren com mais teoria sobre pixels.<\/li>\n<li><a href=\"http:\/\/www.webdesignerdepot.com\/2010\/02\/the-myth-of-dpi\/\">The myth of DPI<\/a>. Artigo mais aprofundado sobre o assunto.<\/li>\n<li><a href=\"http:\/\/www.rideau-info.com\/photos\/mythdpi.html\">The myth of DPI<\/a>. Outro artigo sobre o tema.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Este \u00e9 um engano muito comum na literatura sobre imagens digitais para internet. Ano ap\u00f3s ano, este mito \u00e9 passado adiante. O que me permitiu ganhar muitas apostas de cerveja [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,25,15,8,5],"tags":[],"class_list":["post-113","post","type-post","status-publish","format-standard","hentry","category-design-grafico","category-diagramacao","category-editoracao","category-internet","category-midias-digitais"],"_links":{"self":[{"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/posts\/113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/comments?post=113"}],"version-history":[{"count":0,"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/posts\/113\/revisions"}],"wp:attachment":[{"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/media?parent=113"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/categories?post=113"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/tags?post=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}