Imagens: os vários formatos quais e quando usar, as vantagens e desvantagens.

Já não me lembro o que me levou a escrever sobre o assunto deste artigo, talvez quando estava a decidir qual o formato de alguma imagem a incluir em algum dos meus últimos artigos...
Bem, não importa... O que interessa é que é algo que achei que seria interessante e útil escrever sobre os vários formatos e tipos de imagem que existem por aí, e quais as suas vantagens e desvantagens.

Existem vários tipos de imagem, e de certeza quando baixaram alguma imagem de Net já devem ter reparado no formato que tem, normalmente .jpg, .png, .gif, ou mais recentemente, .webp... e ainda me lembro que há uns 20 anos via muito o formato .bmp...
O que são estes formatos?
Para que são mais utilizados?
É isso que quero tentar responder a seguir. :)

A resposta mais simples, e que sempre levei em conta ao decidir qual o formato em que salvava alguma imagem que fazia, é a seguinte:

• .jpg
  É para imagens mais comuns, como as que decoram os artigos deste blogue, onde não é necessário transparência ou animação, e onde pode ocorrer alguma perda de qualidade.
• .png
  Utilizo mais frequentemente para imagens onde preciso de alguma transparência, e menos perda que qualidade, como por exemplo, nas imagens de fundo do blogue ou em ícones.
• .gif
  Raramente utilizo, mas quando o faço, é normalmente onde preciso de uma imagem animada com ou sem transparência, como por exemplo, num avatar ou emoji.

Então qual a resposta mais completa a essas questões?
Quais os formatos de imagem que existem, e quais os mais comuns?
Quais as vantagens e desvantagens de cada formato, e quando os utilizar?

.jpeg (ou .jpg, que eu prefiro) [Joint Photographics Experts Group]

Este é um formato de imagem com compressão, o que significa que ao reduzir o tamanho do arquivo e o espaço ocupado pelas imagens, também vai diminuir a resolução e qualidade dessas imagens.
Desde que a imagem não contenha texto, esta pode ser comprimida consideravelmente no formato .jpg antes de começar a perder a nitidez.

Um detalhe que acho importante mencionar neste formato, cuidado ao reduzir/comprimir o tamanho da imagem porque não será possível desfazer essa compressão após feita e salva no formato.
No entanto, devido à alta compatibilidade com a maioria dos navegadores, é a escolha ideal para a maioria das imagens em artigos de blogues e afins.

1. Tamanho de arquivo pequeno, o que faz com que imagens com qualidade decente não ocupem muito espaço
2. Alta compatibilidade entre navegadores e sistemas operativos
3. Compressão ajustável permitindo obter um bom equilíbrio entre o tamanho e a qualidade

1. Perde qualidade em cada vez que é salvo porque a cada compressão aumentam as perdas, sendo esse processo irreversível
2. Não suporta transparência
3. Não é ideal para imagens que contenham texto ou onde seja necessária uma maior definição gráfica

.png [Portable Network Graphics]

Este é um formato de imagem sem perdas que suporta transparências, sendo ideal para os fundos transparentes do blogue, logótipos, ícones, ou outras imagens onde seja necessário transparência e/ou que precisam de manter a qualidade.
Recentemente passou a ser possível também criar animações, mas poucos programas são compatíveis com esta funcionalidade.

1. Suporta transparência
2. Sem perdas ao comprimir a imagem, que mantém a qualidade
3. Recupera a qualidade original ao ampliar a imagem
4. Possui mais cores que em GIF, serve razoavelmente para imagens contendo texto

1. Arquivos podem ser maiores que em JPEG, tornando o teu blogue mais pesado ao carregar as páginas caso existam muitas imagens deste tipo de grande tamanho

.gif (E sim, eu sou daqueles que diz Gif e não Jif, porque a sigla refere-se a Gráfico e não a Jráfico =D ) [Graphics Interface Format]

Este é um formato de imagem leve, com poucas perdas, suportando transparências e animações, sendo perfeito para imagens pequenas e/ou animadas.
No entanto, a limitação a 256 cores compromete a qualidade fotográfica.

Actualmente ainda é muito utilizado em memes animados, emojis simples ou animados, e em gráficos simples com poucas cores.
Aqui no blogue, é a minha escolha quando se trata de emojis ou avatares de perfil quando quero que sejam animados.

1. Tamanho de arquivo baixo
2. Suporta transparência
3. Suporta pequenas animações
4. Como é um formato antigo, é suportado por navegadores e sistemas mais arcaicos

1. Paleta limitada a 256 cores (8 bits)
2. Qualidade de imagem limitada, não sendo ideal para fotos complexas
3. Pode apresentar uma imagem granulada

.bmp [Bitmap]

Este é um dos primeiros formatos de imagens existentes, utilizado desde a década de 1990.
E como é um formato com pouca ou nenhuma compressão, é ideal para imagens digitais de alta qualidade.

E aí encontra-se uma das maiores desvantagens, e uma das razões por que este formato tem perdido espaço para formatos mais recentes.
Porque apesar de manter os dados intactos, imagens neste formato são anormalmente maiores do que nos outros mais modernos e pode ser difícil de armazenar, sendo dificilmente por isso uma opção a utilizar em blogues ou sites na Net.

1. Mantém todos os detalhes do arquivo original
2. Alta compatibilidade

1. Baixa capacidade de compressão
2. Não suporta transparência
3. Tamanhos de arquivos gigantes
4. Caiu em desuso assim que surgiram novos formatos com compressão de alta qualidade
5. Não é a melhor escolha para uso na Net

.webp [Web Picture]

Este é um formato relativamente recente, desenvolvido pela Google em 2010, para agilizar os tempos de carregamento na Internet enquanto proporciona uma melhor compressão mantendo a qualidade da imagem.
Isso significa que neste formato, as imagens podem ser comprimidas sem perder dados ou muita informação não essencial.
Segundo a Google, as imagens neste formato podem ser até 26% menores do que em .png.

Há quem diga que o .webp é o formato do futuro, mas embora já se encontre em muitos locais na Net, ainda não alcançou a popularidade do .jpg.
Uma das suas maiores vantagens é unir os principais diferenciais de outros formatos: a capacidade de compressão do .jpeg, a transparência do .png e suporte de animações do .gif.

1. Tamanho mais pequeno, mesma qualidade
2. Desempenho mais rápido do blogue/site
   Ficheiros de imagem mais pequenos significam um carregamento de página mais rápido, melhorando a experiência do visitante.
3. Menor utilização de largura de banda
   As imagens neste formato utilizam menos dados, poupando largura de banda – especialmente útil para blogues/sites com muitas imagens.
4. Formato versátil
   Suporta transparência (como PNG) e animação (como GIF), sendo uma solução completa para a maioria das necessidades de imagem.
5. Benefícios para o SEO
   Tempos de carregamento mais rápidos melhoram as estatísticas do blogue, o que pode ter um impacto positivo no seu posicionamento nos resultados de pesquisa do Google.

1. Uso offline limitado
   Como este formato foi criado principalmente para a web, podes precisar de converter a imagem para algum dos formatos mais conhecidos ao descarregares para o computador.
   No Firefox, recomendo a instalação da extensão Save webP as PNG or JPEG (Converter)
2. Compatibilidade com os navegadores
   É compatível com a maioria dos navegadores modernos, mas não com algumas versões mais antigas.
3. Suporte de software
   Nem todos os programas suportam o WebP.
   O Photoshop (versão 23.2 ou superior) suporta totalmente, mas versões mais antigas ou outros editores podem exigir plugins.

.svg [Scalable Vector Graphics]

Este é um formato aberto, desenvolvido em 1999 pelo W3C para renderizar imagens bidimensionais diretamente dentro do navegador.
Não depende de pixels, mas usa texto XML para delinear formas e linhas de forma similar a como as equações matemáticas criam gráficos.

Isso significa que podes aumentar infinitamente as imagens SVG sem perda de qualidade.
Actualmente é um formato muito usado na Net em logótipos, ícones, ilustrações simples, diagramas (digamos que qualquer coisa que precise de escalar sem perder qualidade).

O SVG é agora o terceiro formato de arquivo de imagem mais comum para utilização em sites na Net.
Este formato suporta também imagens transparentes e pode incluir animação, por meio de programação HTML 5.

1. Suporta transparência
2. Não perde em qualidade quando ampliado
3. Fácil alteração da cor de fundo e bordas com CSS
4. Compatível com a maioria dos navegadores

1. Não fica na cache do navegador
2. Não é aceite nas redes sociais
3. Não recomendado para imagens mais complexas
4. Baixo suporte nalguns editores de imagem

.tiff (ou .tif) [Tagged Image File Format]

Este é um formato utilizado para fins de impressão devido à sua alta qualidade de imagem, sendo um dos preferidos dos fotógrafos como uma maneira prática de armazenar imagens de alta qualidade antes da edição.
Não é dos menores arquivos que existem, mas permite adicionar informações e dados extras da imagem em camadas adicionais.

No entanto, é compatível com a maioria dos editores de imagem (Paint Shop Pro, Photoshop, Illustrator, etc.) que não usam compressão.
Por definição, muitos scanners usam este formato para preservar a qualidade das imagens ou documentos digitalizados.

1. Alta qualidade
2. Preserva a qualidade original da imagem
3. Permite trabalhar com camadas
4. Formato padrão de arquivos 32-bits com elevada definição de cores
5. Formato ideal para impressão em alta resolução

1. Arquivo muito grande, fica muito pesado
2. As redes sociais e afins não aceitam este formato.
3. Não é ideal para partilhar
4. Não abre em qualquer editor ou programa.

.avif [AV1 Image File Format]

Este é um formato recente e aberto que oferece uma compressão e qualidade superiores em comparação com o JPEG/PNG, com um tamanho significativamente mais pequeno e com mais detalhe, suportando alto alcance dinâmico, transparência e animação.
Proporciona também uma melhor compressão do que o WebP e o JPEG, tornando os sites mais rápidos e as imagens com melhor aspecto, com suporte nativo nos principais navegadores, como o Chrome, Firefox, Safari, Edge, bem como o Android 12+ e o iOS 16+.

Por ser um formato relativamente novo, ainda não é muito comum nos motores de pesquisa ou na internet em geral.
Talvez num futuro próximo haja mais suporte para este formato.

1. Compressão superior
2. Melhor tempo de carregamento da página e o SEO
3. Alta qualidade
4. Suporta transparência
5. Suporta animações

1. Codificação/Descodificação mais lenta
2. Suporte limitado em alguns navegadores como o Safari, e em editores de imagem mais antigos
3. Baixa compatibilidade, por enquanto

.exif [Exchangeable Image File Format]

Este é um formato criado pela Japan Electronic Industries Development Association, por volta dos anos 2000, semelhante ao TIFF utilizado para incorporar metadados directamente nos ficheiros de imagem, normalmente utilizado por câmaras digitais e smartphones.
Estes dados incluem detalhes técnicos como o modelo da câmara, a data/hora, as definições de exposição, a localização GPS e até uma versão em miniatura da imagem, facilitando a organização e a gestão dos ficheiros, especialmente importantes para fotógrafos e em sistemas de gestão de ativos digitais.

1. Armazena informações cruciais como o modelo da câmara, data/hora, definições de exposição, objetiva utilizada e coordenadas GPS, tornando as imagens altamente pesquisáveis
2. Ajuda os fotógrafos a compreender as definições utilizadas nas fotografias com maior sucesso, permitindo-lhes recriar efeitos semelhantes
3. Ideal para organizar grandes bibliotecas de fotografias, permitindo pesquisas avançadas
4. Fornece contexto para as imagens, útil para o arquivo, perícia forense e compreensão da criação de imagens

1. Não se preocupa com a privacidade, podendo expor dados sensíveis
2. Inconsistência e possibilidade de corrupção de dados
3. Os dados armazenados aumentam o tamanho do ficheiro
4. Risco de segurança
5. Dependência excessiva

.psd (ou .psb) [Photoshop Document]

Este é o formato nativo e editável do Photoshop, que preserva todas as camadas, máscaras, textos, efeitos e informações originais de um projecto, sendo padrão na indústria de design para manipulação e criação de imagens, embora possa gerar arquivos grandes e ter compatibilidade limitada.
Após trabalharmos as imagens neste formato, elas podem ser convertidas para formatos como JPEG, PNG ou outros.

1. Edição em Camadas
2. Todos os filtros, transparência, caminhos e edições são totalmente personalizáveis e reversíveis
3. Alta Resolução, ideal para trabalhos de alta qualidade
4. É um formato ideal para salvar o projecto enquanto está em edição, para poder voltar e fazer ajustes futuros

1. Pode ficar com um tamanho muito grande, dificultando o armazenamento
2. Para uso completo e sem perdas, depende do Photoshop ou programas compatíveis

.heif [High Efficiency Image File Format]

Este é um formato moderno, desenvolvido pela Moving Picture Experts Group (MPEG) em 2015, que oferece maior qualidade e arquivos menores que o JPEG, usando compressão avançada para economizar espaço, suportando mais cores e múltiplos dados.
É o formato padrão em iPhones, e pode exigir extensões para ser aberto no Windows e, por vezes, no Android, embora softwares como Photoshop, GIMP, e Paint.NET já o suportem, sendo uma excelente alternativa ao JPEG.

Criado com o objetivo de ser um concorrente directo do JPEG, não deixa os créditos em mãos alheias porque tem duas vezes mais eficiência de compactação do que o formato JPEG.
Com o mesmo tamanho de arquivo, o HEIF tem uma qualidade de imagem melhor do que o seu concorrente.

1. Suporta transparência
2. Óptima relação qualidade/tamanho de arquivo
3. Economia de armazenamento local e em nuvem
4. Qualidade de imagem superior e cores mais ricas.
5. Edição não destrutiva e suporte a mais recursos

1. Não é suportado por nenhum dos principais navegadores
2. Compatibilidade limitada em sistemas mais antigos e algumas plataformas online
3. Pode exigir conversão para JPEG/PNG para partilhamento universal
4. Não é recomendado para a Net

.ico [Icon]

Este é um formato de ficheiro para ícones do Windows, usado para ícones de programas e atalhos, contendo várias versões em diferentes tamanhos e profundidades de cor para escalabilidade, de forma a poderem ser redimensionadas adequadamente.
No Windows, todos os executáveis que apresentem um ícone para o utilizador, no ambiente de trabalho, no Menu Iniciar ou no Explorador de Ficheiros, devem conter o ícone no formato ICO.
Mas também pode ser utilizado no Favicon dum site, embora PNG/SVG seja uma opção mais moderna.

1. Suporte excelente e universal no Windows e navegadores antigos para favicons
2. Um único ficheiro ICO pode conter várias versões do mesmo ícone para diferentes usos
3. Arquivos ICO são geralmente leves, ideais para ícones pequenos
4. Pode conter diferentes profundidades de cor e transparência

1. Não suporta animação
2. Não é facilmente editável
3. Para gráficos web modernos, o SVG é preferível, e para fotos, formatos como PNG ou JPG são mais indicados
4. Compressão com perdas na qualidade, especialmente em textos

.eps [Encapsulated PostScript]

Este formato é excelente para gráficos vetoriais, permitindo escalabilidade sem perda de qualidade e sendo ideal para impressão profissional, mas suas desvantagens incluem a necessidade de software específico, arquivos grandes e lentidão na edição, sendo cada vez mais substituído por AI ou PDF, embora mantenha compatibilidade entre programas como Illustrator e CorelDRAW.
Inicialmente desenvolvido pela Adobe, utiliza uma linguagem de descrição de páginas, na forma de um documento baseado em texto que descreve formas e linhas por meio de código, sendo capaz de dimensionamento sem perdas.

1. Gráficos vetoriais podem ser redimensionados para qualquer tamanho sem perda de nitidez ou qualidade, perfeito para logótipos e ilustrações
2. Alta Qualidade
3. Compatibilidade entre softwares de design vectorial, facilitando a troca de arquivos
4. Pode conter informações de cores, transparência e até imagens bitmap, além de gráficos vectoriais

1. Não pode ser visualizado directamente em navegadores ou muitos sistemas operativos, exigindo software específico
2. Pode gerar arquivos grandes, especialmente sem compressão, e pode ser lento para salvar ou editar
3. Algumas aplicações podem não permitir modificações, precisando de ser salvo como rascunho finalizado para impressão
4. Formatos mais modernos como AI ou PDF estão ganhando espaço e podem ser mais eficientes para certas tarefas

.raw [Formato Bruto]

Este é um formato utilizado por câmeras digitais em que as imagens possuem qualidade máxima, sem compressão, maior profundidade de cor e flexibilidade de edição por conter todos os dados do sensor.
Mas tem a desvantagem dos arquivos serem muito grandes, exigindo mais armazenamento, maior tempo de processamento e fluxo de trabalho mais longo, além de não serem prontos para uso imediato, necessitando de conversão e edição por profissionais em softwares específicos.

1. Grava todos os dados não processados do sensor, sem perda de qualidade ou compressão
2. Ampla margem para ajustes de cor, exposição, contraste, balanço de branco, recuperando detalhes em áreas claras/escuras
3. Captura uma gama de cores e valores tonais muito maior que o JPEG
4. Funciona como um negativo, permitindo ajustes sem alterar o arquivo original, mantendo a fidelidade
5. Ideal para quem precisa de controle total e preservar a maior quantidade de informação possível para pós-produção

1. Arquivos muito grandes, ocupando muito espaço de armazenamento e exigindo mais velocidade
2. Não são imagens prontas, precisam de ser "reveladas" e processadas em softwares como Lightroom, ou Capture One
3. Requer mais tempo para processar, converter e editar, atrasando o fluxo de trabalho
4. Arquivos podem ter extensões diferentes dependendo do fabricante e exigir softwares específicos para abrir
5. Não ideal para a Web

.pdf [Portable Document Format]

Normalmente associado a documentos de texto, este não é propriamente um formato de imagem, mas devido a poder ser aberto em qualquer dispositivo e compactado sem perder qualidade, cada vez vejo mais o PDF sendo utilizado como tal.
Sendo outro formato desenvolvido pela Adobe em 1993, possui muita versatilidade, podendo ser usado para armazenar imagens, textos, vectores e etc.

1. Preserva o esquema, fontes e imagens exatamente como foram criados, independentemente do dispositivo
2. Permite compactação sem perda de qualidade (ou com perda mínima), ideal para impressão de alta fidelidade
3. Compatível com praticamente qualquer sistema operativo e navegador, garantindo que todos vejam o mesmo conteúdo
4. Como medida de segurança, podemos incluir senhas e restrições para impedir cópia, impressão ou edição não autorizada
5. Suporta ligações, botões e até elementos multimédia, além de texto pesquisável
6. Fácil de enviar por e-mail e bom para arquivar múltiplas imagens num único ficheiro
7. Adequado para ficheiros de impressão ou ebooks

1. Pode gerar arquivos grandes, especialmente com imagens complexas ou sem compressão adequada, ocupando mais espaço
2. Requer software específico para edições significativas, nem como um documento de texto é fácil editar
3. Apesar de as redes sociais e sites suportarem este formato, não o identificam como sendo uma imagem, obrigando que o descarregues ou abras num novo separador em vez de ser exibido diretamente como parte da página
4. Dificuldade em extrair ou editar partes individuais comparado a formatos nativos de imagem

Resumindo, e para manter a coisa restrita ao universo dos blogues, escolhe o formato mais adequado para o respectivo fim:

• Para fotografias: JPEG (web) ou TIFF (impressão profissional)
• Para Design/Web: PNG (transparência) ou SVG (escalabilidade)
• Para Animações: GIF ou WEBP (para mais cores e qualidade)
• Para o Melhor Equilíbrio Web: WEBP

Resta-me só dizer que além destes 15 formatos mencionados, existem ainda mais alguns, mas como os considero irrelevantes para o assunto deste artigo, que é referente aos formatos de imagem que são utilizados num blogue, onde e para que fim, resolvi não prolongar mais este artigo com a sua inclusão.

E por hoje é tudo. ;)

Até Breve. :-F

Queres ler outro artigo ao calhas?