Diferenças Básicas Entre os Principais Formatos de Imagem

As imagens com que trabalhamos diariamente em meios digitais apresentam-se numa grande variedade de formatos de arquivo. Você já deve ter se deparado com extensões como .jpeg, .gif, .bmp, entre muitas outras, mas sabe qual a diferença entre elas e as características de imagens nesses formatos?

Vamos ver aqui os mais conhecidos e usados em imagens digitais, entre eles o bitmap, jpeg, gif, tiff, png, e também o formato de arquivo do Photoshop (.psd). Aproveitando o "embalo", vamos ver também o WebP, novo formato que está sendo desenvolvido pelo Google com a dura missão de ser um "substituto" para o JPEG.

Bitmap

Extensão .bmp, é um formato para imagens em mapas de bit. É como uma parde quadriculada, em que cada quadrado (pixel) tem uma cor, formando uma imagem maior. Não tem compactação, portanto as imagens em bitmap são bem maiores do que em outros formatos.

Assim, quando mais "quadradinhos" tiver a grade (maior a resolução), melhor será a qualidade da imagem. E consequentemente, maior seu tamanho de arquivo.

Não é um indicado para uso na internet, onde o tamanho faz grande diferença no tráfego de dados e velocidade de carregamento. Para essa e outras finalidades surgiram os formatos compactados.

JPG ou JPEG

Da sigla Joint Photographic Experts Group, pode ser usado tanto com a extensão .jpg ou .jpeg. É um formato de compactação, ou seja, as informações originais sobre como a imagem deve ser feita na tela é compactado, e descompactado quando o arquivo é lido, gerando arquivos menores. Câmeras digitais, navegadores, leitores de DVD, entre uma infinidade de equipamentos e softwares aceitam o formato.

No JPG, a imagem é formada por blocos bem maiores que os pixels do bitmap. Quanto maior a resolução do arquivo, mais blocos tem. Assim, se a imagem for salva em uma qualidade não tão alta, será possível ver esses blocos, o que não é desejável na maioria dos casos.

Deve ser usada como método de armazenamento, como de fotografias e imagens (não para impressão) em geral, mas sempre lembrando que dados perdidos na compactação não podem ser recuperados (ou seja, se ficou com qualidade baixa após salvar, não tem volta).

Além disso, imagens que precisem de alta resolução, como ícones, devem usar outros formatos com melhores contrastes e degradês sem artefato, como TIFF e PNG.

GIF

Sigla de Graphics Interchange Format, criado pela Compuserve em 1987 e desde então vastamente usado na rede, sendo capaz de exibir transparência e animações. Muito popular no começo da internet, foi perdendo espaço para outros formatos, como o próprio JPG e o PNG - este com tem transparências muito melhores e mais suaves, e muito mais cores.

Com um máximo de 256 cores (cores 8-bit), suas imagens, quando muito complexas (como algumas fotografias), acabam ficando com perdas sensíveis. Essa limitação torna o formato praticamente inútil para impressões, mas aproveitável para a internet, pelo seu tamanho reduzido.

Continua sendo uma opção interessante para imagens mais simples, como logos e ícones com poucos detalhes ou resolução não tão alta. Animações em gif também são bastante populares.

PNG

Sigla de Portable Network Graphics, foi desenvolvido a partir de 1995 para atender às necessidade de compartilhamento de imagem pela internet, sem as limitações do GIF, mas usando o mesmo tipo de compactação (LZW). Com melhor qualidade, seus arquivos são geralmente ligeiramente menores que o GIF (até cerca de 10%), e muito raramente maiores (até 5%).

Tal como o gif, também pode exibir transparência, mas com qualidade bastante superior, mas não é compatível com animações. Ao contrário dele, não se limita apenas as cores 8-bit, podendo usar até truecolor, com transições suaves e transparências sem bordas visíveis.

Embora tenha excelente compatibilidade com navegadores, versões antigas como o Internet Explorer 6 apresentam suporte limitado (não suporta transparências). Praticamente todos os softwares gráficos modernos têm suporte a PNG.

TIFF

Sigla de Tagged Image File Format, foi criado pela Aldus Corp. e mais tarde adquirida pela Adobe, inicialmente com intuito de padronizar o formato de arquivo para scanners, evitando que cada marca tivesse que usar um formato proprietário.

Um arquivo TIFF pode conter vários tipos de imagem, como compactadas, vetoriais, lossless (sem perdas), entre outras. É portanto um formato de armazenamento, que mantém informações (tags) de cabeçalho sobre o conteúdo, que pode ser comprimido ou sem compressão.

Arquivo do Photoshop (.PSD)

O arquivo do Photoshop armazena informações diversas, incluindo camadas, perfis de cores, canais, entre outros. Sendo um software basicamente de edição bitmap, alguns podem imaginar que todo seu conteúdo é assim, mas na verdade ele pode conter dados vetoriais, como Smart Objects e Vector Shapes.

Apesar de não poder ser visualizado em navegadores, os arquivos do Photoshop tem relativa compatibilidade através de importação em outros softwares, como Illustrator e Corel Draw.

SVG

De Scalable Vector Graphics, está em desenvolvimento desde 1999, e define as características da imagem através de marcações XML. Assim, uma imagem poderia ser feita em um editor de texto comum, embora seja bem complicado, sendo mais indicado o uso de um software.

Todos os navegadores mais modernos tem algum nível de compatibilidade com o SVG, incluindo o Internet Explorer. Navegadores de dispositivos móveis também são compatíveis com o formato. Suporta transições suaves, preenchimentos, contornos, textos, e pode ser redimensionado sem perdas, fazendo dele um formato excelente para imagens vetoriais.

WebP

Formato em desenvolvimento pelo Google, promete ser um padrão para a internet, com qualidade comparável ao JPEG, mas tamanhos reduzidos, além de suporte à animação, transparência, metadados XMP e perfis ICC. Suporta transparência tanto no modo sem perdas como no compactado. Os navegadores Chrome e Opera tem suporte nativo, mas em softwares como o Photoshop CS5 (e anteriores), só com uso de plugin.

Compare os prints da mesma imagem nos formatos WebP e PNG.

Aparência de imagem salva no formato WebP

Mesma imagem, quando salva no formato PNG

Há uma quase imperceptível perda de qualidade na imagem em WebP ao comparar com a inferior, em PNG, mas a diferença de tamanho entre elas é enorme: 129 KB, contra apenas 18 KB no WebP. Veja mais comparações entre JPEG, PNG e WebP aqui.

Segundo os desenvolvedores, as imagens no formato WebP são 28% menores que PNG, e de 25 a 34% menores que JPEG. Se quiser testar imagens neste formato, pode tentar usar este conversor online.

Imagens do post: Dominique Toussaint, POV-Ray, DZUM.

Leia também...

• 

  Como Criar Textura de Pelos no Photoshop, Muito Fácil

  Quer criar uma textura tipo pelo de onça (ou outro animal, é só mudar as cores e o tipo de pincelada) usando o Photoshop, com umas poucas etapas e sem comandos complicados?

  Então acompanhe esse método que chega a ser vergonhoso de tão fácil. Mesmo que você tenha acabado de começar a usar o software da Adobe, vai conseguir acompanhar.

  Primeiro, crie um novo documento do Photoshop (Ctrl + N). Use o tamanho que precisar; nesse exemplo criei em 650 x 480.

• 

  Morreu Storm Thorgerson, designer de capas históricas do rock

  Anteontem morreu aos 69 anos Storm Thorgerson, designer britânico que muitos não ouviram falar, mas certamente conhecem o trabalho. Amigo de longa data de Roger Waters, membro fundador da banda de rock progressivo Pink Floyd, Storm é a mente por trás de inúmeras capas de disco, incluindo algumas das mais "míticas" como o prisma de "The Dark Side of the Moon", a vaca de "Atom Heart Mother" e o porco voador em "Animals".

  A partir de 1968, junto com Audrey Powell, fundou o grupo artístico Hipgnosis, quando produziu todas essas capas e outras para artistas do rock. Com a dissolução da Hipgnosis, formaram a Green Black Films, produzindo vídeos. Em 1987, Storm abriu seu próprio estúdio, o Storm Studios, com um grande número de colaboradores freelancers.

• 

  Como Criar Player de Áudio no WordPress com o SoundManager 2

  Se você costuma inserir áudio em suas postagens mas não quer só o links simples que o WordPress oferece, é obrigado a fazer a marcação de um player em HTML5 - que não é tão difícil - ou procurar uma aplicação mais elaborada e compatível (navegadores antigos sempre causando problema...).

  Como usar só Flash não é muito recomendável pela velha questão de plugins, o mais interessante pra ter compatibilidade ampla com tantos navegadores e dispositivos é garantir que, caso o visitante não possa usar HTML5, o Flash entre ação, e vice-versa.

  Com esse propósito, temos uma boa opção grátis no Sound Manager 2, API Javascript para áudio em MP3 e HTML5 que já vem com esse lado "híbrido" de Flash.