Gráficos Vetoriais VS Raster

Eis aqui uma lista resumida com as principais diferenças entre estes dois tipos de imagens.

Vou tentar ressaltar as principais diferenças entre arquivos vetoriais e arquivos raster nesta lista abaixo.
Qualquer dúvida ou sugestão me escreva.

<<VOLTAR--

 

Arquivos/Formatos (exemplos de extensões)

Como eu posso saber qual arquivo pertence a qual categoria de imagem? Abaixo tem uma lista bem resumida das principais extensões de cada tipo de imagens junto com o significado da abreviação da extensão.

  • Imagens Vetoriais : .SVG, .SVGZ, .EPS, .PS., .AI, .CDR, .DWG, .DXF., .SWF, .XPS
    • SVG = Scalable Vector Graphics,
    • SVGZScalable Vector Graphics Zipped,
    • EPS = Encapsulated PostScript,
    • PS = PostScript.
    • AI = Adobe Illustrator
    • CDR = Corel DRAW!
    • DWG / DXF = AutoCAD
    • SWF = Shockwave Flash
    • XPS = XML Paper Specification
  • Imagens Raster : .JPEG, .JPG, .PNG, .PSD, .GIF, .BMP, .TIFF, .TGA, .XWD, .PCX, .PPM, .PGM, .PBM, .PNM, .RAW, .XPM, .PIX, .CEL, .MNG.
    • JPEG = Join Picture Experts Group,
    • PNG = Portable Network Graphics,
    • PSD = Photoshop Document,
    • GIF = Graphics Interchange Format,
    • BMP = Bitmap.
    • TIFF = Tagged Image File Format

    Para uma comparação interessante entre diversos tipos de imagens clique aqui.

Edição

  • Imagens Vetoriais : costumam ser mais fáceis de editar e -- geralmente -- mais leves de manipular. Leve aqui quer dizer que não sobrecarrega o computador e/ou seus processadores.
    • Programa livre para editar imagens vetoriais: Inkscape. Roda em Windows XP/Vista/7.
  • Imagens Raster : costumam ser fáceis de diminuir o tamanho mas costumam ser péssimos para aumentar. A qualidade da imagem original rasterizada é perdida e você percebe os quadradinhos no contorno dela (pixels).
    • Programa livre para editar imagens raster: Gimp (= Gnu Image Manipulation Program).
      Roda em Windows XP/Vista/7.
Para conhecer mais editores de imagens visite a seção de programas deste mesmo site.

 Processamento

  • Imagens Vetoriais : o processamento da máquina/programa-de-edição/navegador se dará na renderização da imagem. Quanto maior o número de nós/vetores ela tiver maior processamente demandará para ser vista/mostrada.
  • Imagens Raster : quanto maior for mais processamento demandará para a imagem ser carregada (ou aberta por um software de edição de imagens). Especialmente se for uma imagem, por exemplo, do tipo .PSD (que normalmente contém arquivos raster mas que também pode conter vetores) organizados em diversos layers(camadas).

Compressão (Compactação)

  • Imagens Vetoriais : O formato .SVG, por ser baseado em XML, e portanto ter todas as suas instruções em um arquivo de texto, costuma ter taxas altas de compressão (como se fosse um arquivo .txt).
  • Imagens Raster : costumam ter compressão média a baixa.
    Se bem que eu consegui ótimos resultados na compressão de imagens raster (.JPG) usando o compactador (livre, claro) de arquivos
    7-Zip.

 Tamanho Final

  • Imagens Vetoriais : costumam ser menores no tamanho final. Depende exclusivamente da complexidade do desenho, da quantidade de vetores usados.
  • Imagens Raster : possuem o tamanho final baseado na: (1) resolução do arquivo(dpi), (2) tamanho da imagem (em px/cm/...) e se a imagem é do tipo lossy(com perdas. Tipo JPG) ou lossless(sem perdas. Tipo TIFF).

Uso no Dia-a-dia

Aonde cada tipo de imagem costuma ser usada.
  • Imagens Vetoriais : mapas, logotipos, diagramas, gráficos estatísticos, estampas de camisetas, broches, pins, banners da web(.SWF, do Adobe Flash, pode ser vetorial).
  • Imagens Raster : fotografias, ensaios publicitários. Geralmente tudo isso é coordenado no Photoshop que é o programa líder na indústria de publicidade e fotografia. (Arquivos de extensão .PSD)


<<VOLTAR--