[Tutorial] Tipos e formatos de imagens

Discussão em 'Tutoriais' iniciado por Khaleesi, 9 Outubro 2017.

Status do Tópico:
Não esta aberto para novas mensagens.
  1. Khaleesi

    Khaleesi Lendário
    VIP

    Afiliado:
    16 Julho 2015
    Mensagens:
    8,962
    Curtidas Recebidas:
    5,709
    Curtiu:
    2,808
    Sexo:
    Feminino
    Cubos:
    2,954.38
    Nick:
    Beatriz012
    Clan:
    Trupe
    Discord:
    Beatriz#0012
    Bem vindos,
    No tutorial de hoje irei mostrar um pouquinho mais a fundo sobre "Tipos e formatos de imagens".
    ---
    [​IMG]
    Digitalmente falando, existem dois tipos de imagens. Estes dois tipos recebem o nome de Bitmap e Vetor.
    Ambos possuem diferenças, vamos entende-las melhor agora.
    • O Tipo Bitmap é o mais comum, ele é utilizado na maioria das imagens. Também conhecido como "Mapa de bits", no qual as imagens que possuem este tipo são formadas literalmente por vários pontos pequeninos que levam o nome de "Pixels". Cada pixel tem já designado uma cor para si, juntando todos os pixels através de coordenadas especificas (X e Y) eles formam uma só uma imagem. As imagens são todas formadas por pixels.

      Para vê-los você pode abrir uma imagem qualquer no photoshop e dar zoom, verão que a imagem ficará cheia de quadradinhos, estes são os pixels desta imagem. Os pixels funcionam igual as construções de Minecraft, colocamos bloco por bloco, cada um de uma cor até formar algo.
    --
    • Já o tipo Vetor é formado por imagens que se baseiam em polígonos formados por pontos, eles são usados muito em logotipos. Quando falamos de imagens vetorizadas estamos falando de imagens criadas em computação gráfica. Os vetores podem ser ampliados e diminuídos o quanto for necessário, pois eles não perdem sua qualidade.

      Elas são traçadas por formas, retas, curvas e são calculadas milimetricamente com formulas matemáticas, garantindo a riqueza de detalhes (Porém neste quesito eles perdem para os bitmaps) e o mantimento de suas proporções.
    [​IMG]
    Existem diversos formatos de imagens, que muitas das vezes não sabemos nem qual é o melhor para se usar.
    Cada um tem sua própria característica, apenas são indicados para situações diferentes. Então esqueça essa de "... é melhor" e venha conhecer os formatos e o que cada um tem de diferentes do outro:
    [​IMG]
    Para começar vou responder a duvida mais comum quanto ao nome deste formato:
    "O certo é JPG ou JPEG?"
    Os dois estão certos, JPG é apenas a abreviação de JPEG que significa "Joint Photographic Experts Group". Este formato é o formato padrão de grande parte dos usuários, é o formato gerado por nossas câmeras fotográficas, celulares e afins. Eles podem ser abertos em praticamente todos os programas de edição de imagem. Possui uma taxa de compressão muito alta, essa taxa de compressão alta é capaz de fazer com que um papel de parede com resolução Full HD (1920x1080) ocupe apenas 100 KB em disco. No entanto, quanto maior a compressão menor a qualidade da imagem.
    Este formato é recomendado apenas àqueles que querem arquivos leves, já as pessoas que querem arquivos detalhados, e imagens com qualidade altíssima não é recomendado este tipo de formato. Lembrando que o formato JPG também não possui transparência, então imagens com fundo transparente não devem ser salvas em JPG.
    [​IMG]
    --​
    [​IMG]
    O GIF é o formato mais usado quando falamos em animações, é um dos formatos mais queridos pela internet e está em todos os lugares (Principalmente em memes), este formato é um dos mais antigos e já foi motivo para varias discussões judiciais por conta de direitos autorais. A abreviação GIF vem de "graphics interchange format".
    Um dos males dos GIFs é que eles suportam apenas 256 cores, com isso algumas animações ficam bem ruins em questões de cores e perdem muitos detalhes. Este formato foi o primeiro que abordou animações, e continua sendo um dos únicos, porem suas limitações estão fazendo com que outros concorrentes apareçam. Um deles é o APNG que é um formato que também suporta animações e mantém a qualidade das imagens PNG.
    O recomendado é que o formato GIF seja usado apenas na internet, por quem não se importa muito com qualidade pois quando alterado seu tamanho inicial ele perde toda qualidade.
    [​IMG]
    --​
    [​IMG]
    O PNG (Portable Network Graphics) é também usado para imagens transparentes, ele suporta milhões de cores, suporta compressões sem perda de qualidade e atualmente esta até suportando animações (APNG - Animated Portable Network Graphics). Entrementes tudo isso tem um preço, os formatos PNG são muito mais pesados em questões de KB em relação aos GIF e JPEG.
    Este formato é o mais indicado para tudo que você vá fazer, por ter um tamanho em bits adequado e manter a qualidade das imagens altíssima.
    [​IMG]
    --​
    [​IMG]
    Este formato é muito utilizado por quem tem interesse em estudar design, photoshop e afins. Como seu próprio nome já diz (Adobe Photoshop Document) ele é um tipo de formato da Adobe especialmente desenvolvido para usar em programas da mesma empresa.
    Possui suporte para máscaras, modo CMYK, camadas de texto, transparência e outras ferramentas avançadas.
    Muitos dos designers gostam de salvar seus trabalhos em PSD para que possam abri-lo quando quiserem e a partir daquele trabalho criar outros, ou apenas da-los para outras pessoas estudar.
    --​
    [​IMG]
    Os formatos JPG, GIF e PNG são formatos de compressão de arquivos Bitmap, pois o formato que vamos falar agora não funciona desta maneira. Ele se baseia em textos, sim em textos e descreve as imagens em formatos vetoriais. A sigla de SVG vem de "Scalable Vector Graphics", ele é reconhecido pela maioria dos web sites mais modernos.
    São capazes de comprimir bem mais seus arquivos do que os outros e não perdem qualidade nenhuma. Eles também podem suportar transparências e animações. Ele é recomendado para smartphones e tablets pois possuem em si hardwares limitados se comparados com hardwares de computadores.
    [​IMG]
    [hr]
    Estes são só alguns dos vários tipos de arquivos existentes e claro, como sempre, a tecnologia vem evoluindo e muito e com ela tudo também evolui, quem sabe um dia não apareça um outro tipo de imagem, ou formatos inovadores.
    Obrigada pra quem leu ;p
    Até a próxima.
    Atenciosamente,
    [member=Khaleesi].
     
    Mitsuki, Toog, i n t e n s o e 14 outras curtiram isso.
  2. yPedrao

    yPedrao Craftlandiano
    VIP

    Afiliado:
    19 Abril 2017
    Mensagens:
    5,937
    Curtidas Recebidas:
    1,031
    Curtiu:
    678
    Sexo:
    Masculino
    Cubos:
    1,028.00
    Nick:
    Pedrao1134
    Clan:
    Trupe
    Discord:
    Pedrao1134#4829
    Ótimo tutorial, parabéns!
     
  3. Otosaka

    Otosaka Hardcore
    VIP

    Afiliado:
    8 Setembro 2011
    Mensagens:
    42,870
    Curtidas Recebidas:
    3,685
    Curtiu:
    305
    Cubos:
    604.00
    Nick:
    Bom tutorial.​
     
  4. TheZeta

    TheZeta Craftlandiano
    Banido

    Afiliado:
    26 Dezembro 2016
    Mensagens:
    5,801
    Curtidas Recebidas:
    1,703
    Curtiu:
    2,005
    Sexo:
    Masculino
    Cubos:
    1,322.00
    Nick:
    TheZeta
    Discord:
    TheZeta#0001
    Ótimo tutorial, parabéns Bea. /\
     
  5. Gameplay912

    Gameplay912 Guerreiro
    VIP

    Afiliado:
    5 Maio 2017
    Mensagens:
    29,056
    Curtidas Recebidas:
    8,405
    Curtiu:
    1,399
    Ocupação:
    Cubeiro
    Cubos:
    6,130.00
    Nick:
    zSawlyr
    Clan:
    STF
    Ótimo tutorial, irá me ajudar muito.

    [hr]
     
  6. Lyno

    Lyno Neutro
    VIP

    Afiliado:
    17 Agosto 2017
    Mensagens:
    150
    Curtidas Recebidas:
    16
    Curtiu:
    55
    Sexo:
    Masculino
    Localização:
    Em algum...
    Cubos:
    266.00
    Nick:
    Kayque_Br17
    Ótimo,parabéns.
     
  7. Strikeer

    Strikeer Excelente
    VIP

    Afiliado:
    9 Setembro 2017
    Mensagens:
    3,295
    Curtidas Recebidas:
    247
    Curtiu:
    0
    Sexo:
    Masculino
    Cubos:
    227.00
    Nick:
    Striker ou Nereo
    Clan:
    TzT
    Bom tutorial, parabéns em :3
    não sabia do svg não kk vlw
     
  8. Aquaria

    Aquaria Hardcore
    VIP

    Afiliado:
    6 Julho 2016
    Mensagens:
    3,124
    Curtidas Recebidas:
    2,349
    Curtiu:
    2,338
    Localização:
    Guarulhos
    Cubos:
    857.00
    Nick:
    Aquaria
    Clan:
    STF
    Hino de tópico
     
  9. Wasmachine

    Wasmachine Hardcore
    VIP

    Afiliado:
    7 Março 2013
    Mensagens:
    18,486
    Curtidas Recebidas:
    2,878
    Curtiu:
    2,411
    Sexo:
    Masculino
    Cubos:
    1,045.51
    Nick:
    ~
    Clan:
    nLL
    parabéns pelo tutorial, mto bom !!
     
  10. BiriZ

    BiriZ Craftlandiano
    VIP

    Afiliado:
    10 Agosto 2017
    Mensagens:
    12,643
    Curtidas Recebidas:
    1,697
    Curtiu:
    1,424
    Sexo:
    Masculino
    Cubos:
    2.00
    Nick:
    kkkkkkk
    Ótimo tutorial
     
  11. Mr Lucas

    Mr Lucas Hardcore
    VIP

    Afiliado:
    17 Julho 2012
    Mensagens:
    6,072
    Curtidas Recebidas:
    2,031
    Curtiu:
    4,943
    Sexo:
    Masculino
    Ocupação:
    Membro sem...
    Localização:
    Santa Catarina
    Cubos:
    1,697.00
    Nick:
    SrFormal
    Clan:
    TRP
    Excelente tutorial! Explicou direitinho! Parabéns!
     
  12. David GPS

    David GPS Excelente

    Afiliado:
    1 Outubro 2017
    Mensagens:
    7,432
    Curtidas Recebidas:
    451
    Curtiu:
    486
    Sexo:
    Masculino
    Cubos:
    2,392.00
    Nick:
    Ótimo tutorial!
     
  13. OnyziNN

    OnyziNN Excelente
    VIP

    Afiliado:
    17 Julho 2016
    Mensagens:
    2,982
    Curtidas Recebidas:
    351
    Curtiu:
    1,211
    Sexo:
    Masculino
    Cubos:
    3,339.04
    Nick:
    Ony_gamer
    Li tudo e.e

    Ótimo tutorial Bea.
     
  14. DuuFZAO

    DuuFZAO Craftlandiano
    VIP Banido

    Afiliado:
    14 Outubro 2015
    Mensagens:
    1,424
    Curtidas Recebidas:
    1,134
    Curtiu:
    0
    Sexo:
    Masculino
    Localização:
    Mauá - SP
    Cubos:
    2,758.50
    Nick:
    DuuFERA
    Clan:
    TDo
    òtimo tutorial, que panda bonitinho faz um avatar dele pra mim e.e
     
  15. Khaleesi

    Khaleesi Lendário
    VIP

    Afiliado:
    16 Julho 2015
    Mensagens:
    8,962
    Curtidas Recebidas:
    5,709
    Curtiu:
    2,808
    Sexo:
    Feminino
    Cubos:
    2,954.38
    Nick:
    Beatriz012
    Clan:
    Trupe
    Discord:
    Beatriz#0012
    Obrigada ;p
     
  16. TheZeta

    TheZeta Craftlandiano
    Banido

    Afiliado:
    26 Dezembro 2016
    Mensagens:
    5,801
    Curtidas Recebidas:
    1,703
    Curtiu:
    2,005
    Sexo:
    Masculino
    Cubos:
    1,322.00
    Nick:
    TheZeta
    Discord:
    TheZeta#0001
    De nada ;p
     
  17. jogalimpo

    jogalimpo Razoavel
    Banido

    Afiliado:
    15 Agosto 2017
    Mensagens:
    1,322
    Curtidas Recebidas:
    66
    Curtiu:
    0
    Cubos:
    1,364.00
    Nick:
    xxreturnsxx
    bom tutoriak
     
  18. Mr Lucas

    Mr Lucas Hardcore
    VIP

    Afiliado:
    17 Julho 2012
    Mensagens:
    6,072
    Curtidas Recebidas:
    2,031
    Curtiu:
    4,943
    Sexo:
    Masculino
    Ocupação:
    Membro sem...
    Localização:
    Santa Catarina
    Cubos:
    1,697.00
    Nick:
    SrFormal
    Clan:
    TRP
    De nada. Continue com este excelente trabalho!
     
  19. Khaleesi

    Khaleesi Lendário
    VIP

    Afiliado:
    16 Julho 2015
    Mensagens:
    8,962
    Curtidas Recebidas:
    5,709
    Curtiu:
    2,808
    Sexo:
    Feminino
    Cubos:
    2,954.38
    Nick:
    Beatriz012
    Clan:
    Trupe
    Discord:
    Beatriz#0012
    Thank you q-q
     
  20. Onewer

    Onewer Craftlandiano

    Afiliado:
    19 Maio 2015
    Mensagens:
    3,143
    Curtidas Recebidas:
    566
    Curtiu:
    194
    Sexo:
    Masculino
    Localização:
    Minas Gerais
    Cubos:
    3,961.00
    Nick:
    Onewer
    Bom tutorial
     
Status do Tópico:
Não esta aberto para novas mensagens.