{"id":57,"date":"2010-09-17T22:25:46","date_gmt":"2010-09-18T01:25:46","guid":{"rendered":"http:\/\/radames.manosso.nom.br\/bitabit\/?p=57"},"modified":"2020-10-29T14:40:42","modified_gmt":"2020-10-29T17:40:42","slug":"imagens-vetoriais-e-bitmaps","status":"publish","type":"post","link":"https:\/\/radames.manosso.nom.br\/bitabit\/basico\/imagens-vetoriais-e-bitmaps\/","title":{"rendered":"Imagens vetoriais e bitmaps"},"content":{"rendered":"\n<p>No computador, as imagens s\u00e3o gravadas em arquivos que guardam as informa\u00e7\u00f5es atrav\u00e9s de processos sofisticados e engenhosos. De forma simplificada, podemos dizer que toda imagem, dentro do computador, \u00e9 reduzida a n\u00fameros. <\/p>\n\n\n\n<p>H\u00e1 diversas maneiras de armazenar uma imagem, mas para quem trabalha com computa\u00e7\u00e3o gr\u00e1fica, \u00e9 importante distinguir os dois grandes grupos de arquivos de imagem da inform\u00e1tica: os arquivos vetoriais e os bitmaps.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"573\" height=\"339\" src=\"https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/detalhe-bitmap.jpg?resize=573%2C339&#038;ssl=1\" alt=\"\" class=\"wp-image-61\" srcset=\"https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/detalhe-bitmap.jpg?w=573&amp;ssl=1 573w, https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/detalhe-bitmap.jpg?resize=300%2C177&amp;ssl=1 300w, https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/detalhe-bitmap.jpg?resize=150%2C88&amp;ssl=1 150w\" sizes=\"auto, (max-width: 573px) 85vw, 573px\" \/><\/figure>\n\n\n\n<!--more-->\n\n\n\n<h3 class=\"wp-block-heading\">Vetoriais<\/h3>\n\n\n\n<p>Nos arquivos vetoriais, as imagens s\u00e3o armazenadas como um conjunto de instru\u00e7\u00f5es matem\u00e1ticas. Vamos entender melhor atrav\u00e9s de uma compara\u00e7\u00e3o: se quis\u00e9ssemos explicar como se desenha a bandeira do Brasil, poder\u00edamos dizer o seguinte: desenhe um ret\u00e2ngulo verde. Dentro do ret\u00e2ngulo, coloque um losango amarelo, e dentro, deste, um c\u00edrculo azul. Desenhe 27 estrelas dentro do c\u00edrculo e uma faixa branca arqueada onde se l\u00ea \u2018Ordem e Progresso\u2019 em azul, etc. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/imagem-vetorial.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"92\" height=\"152\" src=\"https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/imagem-vetorial.jpg?resize=92%2C152&#038;ssl=1\" alt=\"\" class=\"wp-image-58\" title=\"Imagem vetorial\" srcset=\"https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/imagem-vetorial.jpg?w=92&amp;ssl=1 92w, https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/imagem-vetorial.jpg?resize=90%2C150&amp;ssl=1 90w\" sizes=\"auto, (max-width: 92px) 85vw, 92px\" \/><\/a><figcaption>Exemplo de imagem vetorial<\/figcaption><\/figure>\n\n\n\n<p>Observe que descrevemos a bandeira passo a passo, desmontando-a em v\u00e1rios objetos geom\u00e9tricos simples. O armazenamento de imagens em formato vetorial imita a descri\u00e7\u00e3o que fizemos h\u00e1 pouco. O computador guarda um conjunto de instru\u00e7\u00f5es que permite a reconstru\u00e7\u00e3o da imagem na tela sempre que for necess\u00e1rio. <\/p>\n\n\n\n<p>Os arquivos de um programa de ilustra\u00e7\u00e3o, por exemplo, usam a t\u00e9cnica vetorial. Quando voc\u00ea abre um arquivo nesses aplicativos, observa que a imagem mais complexa \u00e9 formada por um conjunto de objetos geom\u00e9tricos mais simples que s\u00e3o montados na tela passo a passo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Bitmaps<\/h3>\n\n\n\n<p>Tamb\u00e9m chamados de <em>mapas de bits <\/em>ou <em>imagens de raster<\/em>, os bitmaps utilizam um m\u00e9todo de armazenagem bem diferente do sistema vetorial. Para entender o princ\u00edpio b\u00e1sico dos bitmaps podemos fazer uma compara\u00e7\u00e3o com os mosaicos. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/mosaico.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"395\" src=\"https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/mosaico.jpg?resize=400%2C395&#038;ssl=1\" alt=\"\" class=\"wp-image-59\" title=\"mosaico\" srcset=\"https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/mosaico.jpg?w=400&amp;ssl=1 400w, https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/mosaico.jpg?resize=300%2C296&amp;ssl=1 300w, https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/mosaico.jpg?resize=64%2C64&amp;ssl=1 64w, https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/mosaico.jpg?resize=150%2C148&amp;ssl=1 150w\" sizes=\"auto, (max-width: 400px) 85vw, 400px\" \/><\/a><figcaption>Mosaico<\/figcaption><\/figure>\n\n\n\n<p>Nos mosaicos, a imagem \u00e9 criada com pequenas pedras coloridas colocadas lado a lado. O conjunto das pe\u00e7as, visto \u00e0 dist\u00e2ncia, forma a imagem desejada. Os bitmaps armazenam a imagem como um conjunto de pontos coloridos. Percebemos isso claramente quando ampliamos um bitmap na tela do computador.<\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><a href=\"https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/imagem-bitmap.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/imagem-bitmap.jpg?resize=132%2C165&#038;ssl=1\" alt=\"\" class=\"wp-image-60\" width=\"132\" height=\"165\" title=\"imagem bitmap\" srcset=\"https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/imagem-bitmap.jpg?w=132&amp;ssl=1 132w, https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/imagem-bitmap.jpg?resize=120%2C150&amp;ssl=1 120w\" sizes=\"auto, (max-width: 132px) 85vw, 132px\" \/><\/a><figcaption>Exemplo de imagem bitmap &#8211; Grace Kelly<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/detalhe-bitmap.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"573\" height=\"339\" src=\"https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/detalhe-bitmap.jpg?resize=573%2C339&#038;ssl=1\" alt=\"\" class=\"wp-image-61\" title=\"detalhe bitmap\" srcset=\"https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/detalhe-bitmap.jpg?w=573&amp;ssl=1 573w, https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/detalhe-bitmap.jpg?resize=300%2C177&amp;ssl=1 300w, https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/detalhe-bitmap.jpg?resize=150%2C88&amp;ssl=1 150w\" sizes=\"auto, (max-width: 573px) 85vw, 573px\" \/><\/a><figcaption>Detalhe de imagem bitmap ampliada<\/figcaption><\/figure>\n\n\n\n<p>Veja no quadro comparativo algumas caracter\u00edsticas de imagens vetoriais e bitmaps.<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><tbody><tr><td><\/td><td><strong>Ve<\/strong><span><strong>torial<\/strong><\/span><\/td><td><em><strong>Bitmap<\/strong><\/em><\/td><\/tr><tr><td><strong>Geometria<\/strong><\/td><td>Para imagens definidas a partir de formas geom\u00e9tricas.<\/td><td>Para imagens com tons e detalhes que n\u00e3o podem ser desenhados com formas geom\u00e9tricas, como fotografias.<\/td><\/tr><tr><td><strong>Amplia\u00e7\u00e3o<\/strong><\/td><td>Pode ampliar \u00e0 vontade, sem perda da qualidade.<\/td><td>Ao ser ampliado, perde qualidade, ficam vis\u00edveis os pontos que formam a imagem.<\/td><\/tr><tr><td><strong>Espa\u00e7o<\/strong><\/td><td>Em geral, ocupa pouco espa\u00e7o em disco, comparada com bitmaps similares.<\/td><td>Em geral, ocupa bastante espa\u00e7o em disco.<\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>No computador, as imagens s\u00e3o gravadas em arquivos que guardam as informa\u00e7\u00f5es atrav\u00e9s de processos sofisticados e engenhosos. De forma simplificada, podemos dizer que toda imagem, dentro do computador, \u00e9 reduzida a n\u00fameros. H\u00e1 diversas maneiras de armazenar uma imagem, mas para quem trabalha com computa\u00e7\u00e3o gr\u00e1fica, \u00e9 importante distinguir os dois grandes grupos de &hellip; <a href=\"https:\/\/radames.manosso.nom.br\/bitabit\/basico\/imagens-vetoriais-e-bitmaps\/\" class=\"more-link\">Continue lendo<span class=\"screen-reader-text\"> &#8220;Imagens vetoriais e bitmaps&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":true,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[13],"tags":[30,29],"class_list":["post-57","post","type-post","status-publish","format-standard","hentry","category-basico","tag-bitmap","tag-imagem-vetorial"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p14lZV-V","jetpack-related-posts":[{"id":2394,"url":"https:\/\/radames.manosso.nom.br\/bitabit\/planilhas\/ficha-tecnica-de-alimentos-em-excel-passo-a-passo\/","url_meta":{"origin":57,"position":0},"title":"Ficha t\u00e9cnica de alimentos em Excel passo a passo","author":"Radam\u00e9s","date":false,"format":false,"excerpt":"Com esta planilha voc\u00ea cria fichas t\u00e9cnicas de alimentos, calcula o valor nutricional e gera a rotulagem Anvisa da prepara\u00e7\u00e3o.\u00a0 Guarde todas as suas fichas t\u00e9cnicas em uma s\u00f3 planilha, controle seus custos e economize tempo deixando os c\u00e1lculos por conta do Excel. Vers\u00e3o free Produz uma ficha t\u00e9cnica completa.Calcula\u2026","rel":"","context":"Em &quot;planilhas&quot;","block_context":{"text":"planilhas","link":"https:\/\/radames.manosso.nom.br\/bitabit\/category\/planilhas\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/insumos-1.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/insumos-1.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/insumos-1.jpg?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":697,"url":"https:\/\/radames.manosso.nom.br\/bitabit\/mundo-digital\/computador-de-tela-grande-para-fixar-na-parede\/","url_meta":{"origin":57,"position":1},"title":"Computador de tela grande para fixar na parede","author":"Radam\u00e9s","date":false,"format":false,"excerpt":"Faz tempo que a televis\u00e3o e o computador namoram pra casar, mas at\u00e9 agora a prometida converg\u00eancia entre essas duas m\u00eddias continua agendada para futuro indeterminado. Deixar a TV mais parecida com o computador n\u00e3o \u00e9 apenas uma quest\u00e3o de equipamento e envolve novos modelos de distribui\u00e7\u00e3o dos conte\u00fados, diferentes\u2026","rel":"","context":"Em &quot;Mundo digital&quot;","block_context":{"text":"Mundo digital","link":"https:\/\/radames.manosso.nom.br\/bitabit\/category\/mundo-digital\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/samsungsmarttv-e1492031991505.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":2290,"url":"https:\/\/radames.manosso.nom.br\/bitabit\/planilhas\/bolao-da-copa-do-mundo-russia-2018-online-em-excel\/","url_meta":{"origin":57,"position":2},"title":"Bol\u00e3o da Copa do mundo R\u00fassia 2018 online em Excel","author":"Radam\u00e9s","date":false,"format":false,"excerpt":"Crie um bol\u00e3o online da Copa do Mundo com os amigos usando apenas planilhas do Excel. Baixe as planilhas gr\u00e1tis e siga o roteiro para criar o bol\u00e3o. Assista ao v\u00eddeo e veja como criar seu bol\u00e3o. https:\/\/youtu.be\/xzboGNqMTbQ Roteiro para criar o bol\u00e3o Este bol\u00e3o \u00e9 composto por doze planilhas:\u2026","rel":"","context":"Em &quot;planilhas&quot;","block_context":{"text":"planilhas","link":"https:\/\/radames.manosso.nom.br\/bitabit\/category\/planilhas\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/bolao-da-copa-1-e1522593644744.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/bolao-da-copa-1-e1522593644744.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/bolao-da-copa-1-e1522593644744.jpg?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":1596,"url":"https:\/\/radames.manosso.nom.br\/bitabit\/fotografia\/tira-teima-raw-x-jpeg\/","url_meta":{"origin":57,"position":3},"title":"Tira-teima: RAW x JPEG","author":"Radam\u00e9s","date":false,"format":false,"excerpt":"Fotografar em RAW ou JPEG? Essa pergunta s\u00f3 faz sentido se voc\u00ea tem uma c\u00e2mera que oferece as duas op\u00e7\u00f5es de arquivo de imagem. Geralmente, essas m\u00e1quinas s\u00e3o mais sofisticadas e, por consequ\u00eancia, mais caras. Se voc\u00ea \u00e9 um feliz propriet\u00e1rio desse tipo de equipamento j\u00e1 deve ter refletido sobre\u2026","rel":"","context":"Em &quot;Fotografia&quot;","block_context":{"text":"Fotografia","link":"https:\/\/radames.manosso.nom.br\/bitabit\/category\/fotografia\/"},"img":{"alt_text":"raw-jpeg-1","src":"https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/raw-jpeg-1.jpg?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/raw-jpeg-1.jpg?resize=350%2C200 1x, https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/raw-jpeg-1.jpg?resize=525%2C300 1.5x"},"classes":[]},{"id":2683,"url":"https:\/\/radames.manosso.nom.br\/bitabit\/planilhas\/bolao-do-brasileirao-em-excel\/","url_meta":{"origin":57,"position":4},"title":"Bol\u00e3o do Brasileir\u00e3o 2021 em Excel","author":"Radam\u00e9s","date":false,"format":false,"excerpt":"Fa\u00e7a um bol\u00e3o do Campeonato Brasileiro de Futebol com seus amigos e deixe os c\u00e1lculos para o Excel. Dispon\u00edvel para as s\u00e9ries A e B, neste bol\u00e3o cada participante tem sua planilha para apostar. Os dados s\u00e3o importados e calculados a cada rodada e o ranking \u00e9 gerado. Tudo de\u2026","rel":"","context":"Em &quot;planilhas&quot;","block_context":{"text":"planilhas","link":"https:\/\/radames.manosso.nom.br\/bitabit\/category\/planilhas\/"},"img":{"alt_text":"bolao-2021-chamada","src":"https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/bolao-2021-chamada.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/bolao-2021-chamada.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/bolao-2021-chamada.jpg?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":36,"url":"https:\/\/radames.manosso.nom.br\/bitabit\/basico\/funcoes-das-teclas-do-teclado\/","url_meta":{"origin":57,"position":5},"title":"Fun\u00e7\u00f5es das teclas do teclado","author":"Radam\u00e9s","date":false,"format":false,"excerpt":"Nos teclados f\u00edsicos as fun\u00e7\u00f5es das teclas variam muito de um programa para outro. Vamos falar das fun\u00e7\u00f5es mais comuns. Alt: (ALTernate) \u00c9 uma tecla modificadora. Sozinha n\u00e3o faz nada. Devemos mant\u00ea-la apertada enquanto pressionamos outra tecla para que ela modifique a fun\u00e7\u00e3o da outra tecla. Cada programa usa a\u2026","rel":"","context":"Em &quot;B\u00e1sico&quot;","block_context":{"text":"B\u00e1sico","link":"https:\/\/radames.manosso.nom.br\/bitabit\/category\/basico\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/teclado-abnt2.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/teclado-abnt2.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/radames.manosso.nom.br\/bitabit\/files\/teclado-abnt2.jpg?resize=525%2C300&ssl=1 1.5x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/radames.manosso.nom.br\/bitabit\/wp-json\/wp\/v2\/posts\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/radames.manosso.nom.br\/bitabit\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/radames.manosso.nom.br\/bitabit\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/radames.manosso.nom.br\/bitabit\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/radames.manosso.nom.br\/bitabit\/wp-json\/wp\/v2\/comments?post=57"}],"version-history":[{"count":1,"href":"https:\/\/radames.manosso.nom.br\/bitabit\/wp-json\/wp\/v2\/posts\/57\/revisions"}],"predecessor-version":[{"id":3340,"href":"https:\/\/radames.manosso.nom.br\/bitabit\/wp-json\/wp\/v2\/posts\/57\/revisions\/3340"}],"wp:attachment":[{"href":"https:\/\/radames.manosso.nom.br\/bitabit\/wp-json\/wp\/v2\/media?parent=57"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/radames.manosso.nom.br\/bitabit\/wp-json\/wp\/v2\/categories?post=57"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/radames.manosso.nom.br\/bitabit\/wp-json\/wp\/v2\/tags?post=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}