{"id":226,"date":"2007-09-21T08:00:46","date_gmt":"2007-09-21T11:00:46","guid":{"rendered":"http:\/\/www.fernandoquadro.com.br\/html\/2007\/09\/21\/trabalhando-com-paletted-parte-2\/"},"modified":"2009-10-06T00:07:34","modified_gmt":"2009-10-06T03:07:34","slug":"trabalhando-com-paletted-parte-2","status":"publish","type":"post","link":"https:\/\/www.fernandoquadro.com.br\/html\/2007\/09\/21\/trabalhando-com-paletted-parte-2\/","title":{"rendered":"Trabalhando com Paletted no GeoServer &#8211; Parte 2"},"content":{"rendered":"<p><strong>3. Um exemplo com dado vetorial<\/strong><\/p>\n<p>Depois de bastante teoria, vamos ver como tratar de paletted na pr\u00e1tica. Usaremos como base o shape tigre-ny para pegar alguns n\u00fameros, e principalmente a requisi\u00e7\u00e3o:<\/p>\n<p>[source language=&#8221;:XML&#8221;]<br \/>\nhttp:\/\/localhost:8080\/geoserver\/wms?SERVICE=WMS&#038;VERSION=1.1.1&#038;<br \/>\nREQUEST=GetMap&amp;LAYERS=tiger-ny&amp;BBOX=-74.022019,<br \/>\n40.701196,-73.992366,40.720964&amp;HEIGHT=400&amp;WIDTH=600&amp;<br \/>\nFORMAT=image\/png<br \/>\n[\/source]<\/p>\n<p>Agora trocaremos alguns formatos e par\u00e2metros, para ver como ficar as imagens e o paletted. Veja o exemplo:<\/p>\n<table width=\"53%\" border=\"0\">\n<tr>\n<td width=\"25%\">PNG padr&atilde;o<br \/>\n      <BR>Par&acirc;metros: FORMAT=image\/png<br \/>\n\t  <BR>Tamanho: 257 KB<br \/>\n      <BR>Tempo: 0.3s\n      <\/td>\n<td width=\"75%\"><a rel=\"lightbox[paletted1]\" href=\"http:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2007\/09\/tiger-ny-png24.png\" title='Clique na Imagem para ampliar!'><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2007\/09\/tiger-ny-png24.png\" width=\"300\" height=\"200\"><\/a><\/td>\n<\/tr>\n<tr>\n<td> PNG8<br \/>\n<BR>Par&acirc;metros: {{FORMAT=image\/png8}<br \/>\n<BR>Tamanho: 60 KB<br \/>\n<BR>Tempo: 0.6s\n<\/td>\n<td><a rel=\"lightbox[paletted2]\" href=\"http:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2007\/09\/tiger-ny-png8.png\" title='Clique na Imagem para ampliar!'><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2007\/09\/tiger-ny-png8.png\" width=\"300\" height=\"200\"><a><\/td>\n<\/tr>\n<tr>\n<td>PNG + <a href=\"http:\/\/www.intuitive.com\/coolweb\/colors.html\" target=\"_blank\">internet safe palette<\/a>.<br \/>\n<BR>Par&acirc;metros: FORMAT=image\/png&#038;palette=safe<br \/>\n<BR>Tamanho:  56KB<br \/>\n<BR>Tempo: 0.3s<\/p>\n<\/td>\n<td><a rel=\"lightbox[paletted3]\" href='http:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2007\/09\/tiger-ny-png-safe-palette.png' title='Clique na Imagem para ampliar!'><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2007\/09\/tiger-ny-png-safe-palette.png\" width=\"300\" height=\"200\"><\/a><\/td>\n<\/tr>\n<tr>\n<td>PNG + <a href=\"http:\/\/docs.codehaus.org\/download\/attachments\/8356722\/nyp.pal?version=1\" target=\"_blank\">custom palette<\/a>.<br \/>\n<BR>Par&acirc;metros:  FORMAT=image\/png&#038;palette=nyp<br \/>\n<BR>Tamanho: 56KB<br \/>\n<BR>Tempo: 0.3s;<\/td>\n<td><a rel=\"lightbox[paletted4]\" href='http:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2007\/09\/tiger-ny-png-custom-palette.png' title='Clique na Imagem para ampliar!'><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.fernandoquadro.com.br\/html\/wp-content\/uploads\/2007\/09\/tiger-ny-png-custom-palette.png\" width=\"300\" height=\"200\"><\/a><\/td>\n<\/tr>\n<\/table>\n<p>Como n\u00f3s podemos ver, dependendo da escolha n\u00f3s temos uma varia\u00e7\u00e3o na qualidade da imagem, no tamanho e no tempo de gera\u00e7\u00e3o. Usando o palette=xxx conseguimos a melhor velocidade e o tamanho, por\u00e9m usando o internet safe palette as cores foram alteradas. <\/p>\n<p>Ent\u00e3o, o ganho real pode ser visto somente supondo velocidade da conex\u00e3o entre o usu\u00e1rio e o cliente, e adicionando o tempo para enviar a imagem para o cliente.<br \/>\n<\/br><\/p>\n<table >\n<tbody>\n<tr>\n<th>Configura\u00e7\u00e3o<\/th>\n<th>Tempo (s)<\/th>\n<th>Tamanho (kb)<\/th>\n<th>256kbit\/s<\/th>\n<th>1MBit\/s<\/th>\n<th>4MBit\/s<\/th>\n<th>20MBit\/s<\/th>\n<\/tr>\n<tr>\n<td>png<\/td>\n<td>0,36<\/td>\n<td>257<\/td>\n<td>8,39<\/td>\n<td>2,42<\/td>\n<td>0,87<\/td>\n<td>0,46<\/td>\n<\/tr>\n<tr>\n<td>png8<\/td>\n<td>0,6<\/td>\n<td>60<\/td>\n<td>2,48<\/td>\n<td>1,08<\/td>\n<td>0,72<\/td>\n<td>0,62<\/td>\n<\/tr>\n<tr>\n<td>png + safe palette<\/td>\n<td>0,3<\/td>\n<td>56<\/td>\n<td>2,05<\/td>\n<td>0,75<\/td>\n<td>0,41<\/td>\n<td>0,32<\/td>\n<\/tr>\n<tr>\n<td>png + custom palette<\/td>\n<td>0,3<\/td>\n<td>59<\/td>\n<td>2,14<\/td>\n<td>0,77<\/td>\n<td>0,42<\/td>\n<td>0,32<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><\/br><\/p>\n<p>A tabela mostra, que o png geralmente leva muito mais do tempo do que os outros formatos, a menos que seja em uma rede r\u00e1pida (e neste caso, um deve considerar o fluxo da rede tamb\u00e9m). J\u00e1 o formato da sa\u00edda png8 prova ser uma escolha boa se a conex\u00e3o for lenta.<\/p>\n<p>Veja tamb\u00e9m:<\/p>\n<p>1. <a href=\"http:\/\/www.fernandoquadro.com.br\/html\/2007\/09\/20\/trabalhando-com-palette-parte-1\/\" target=\"_blank\">Trabalhando com Paletted no GeoServer &#8211; Parte 1<\/a><\/p>\n<p>Fonte: <a href=\"http:\/\/www.geoserver.org\" target=\"_blank\">GeoServer<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>3. Um exemplo com dado vetorial Depois de bastante teoria, vamos ver como tratar de paletted na pr\u00e1tica. Usaremos como base o shape tigre-ny para pegar alguns n\u00fameros, e principalmente a requisi\u00e7\u00e3o: [source language=&#8221;:XML&#8221;] http:\/\/localhost:8080\/geoserver\/wms?SERVICE=WMS&#038;VERSION=1.1.1&#038; REQUEST=GetMap&amp;LAYERS=tiger-ny&amp;BBOX=-74.022019, 40.701196,-73.992366,40.720964&amp;HEIGHT=400&amp;WIDTH=600&amp; FORMAT=image\/png [\/source] Agora&#8230; <a class=\"more-link\" href=\"https:\/\/www.fernandoquadro.com.br\/html\/2007\/09\/21\/trabalhando-com-paletted-parte-2\/\">Continue Reading &rarr;<\/a><\/p>\n","protected":false},"author":275,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,24,6,30],"tags":[208,223],"class_list":["post-226","post","type-post","status-publish","format-standard","hentry","category-geoserver","category-gis","category-tecnologia","category-tutorial","tag-geoserver","tag-gis"],"_links":{"self":[{"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/posts\/226","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/users\/275"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/comments?post=226"}],"version-history":[{"count":1,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/posts\/226\/revisions"}],"predecessor-version":[{"id":2984,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/posts\/226\/revisions\/2984"}],"wp:attachment":[{"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/media?parent=226"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/categories?post=226"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fernandoquadro.com.br\/html\/wp-json\/wp\/v2\/tags?post=226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}