Quando é que faz sentido utilizar imagens JPEG em vez de imagens PNG?

Introdução

Existem muitos tipos de formatos de imagem digitalmas os dois formatos mais utilizados na Internet são JPEG e PNG. É possível que tenha ouvido informações contraditórias de diferentes fontes sobre qual o melhor formato. Isto pode tornar difícil decidir qual o formato que deve utilizar para o seu sítio Web.

Em geral, o PNG é um formato de compressão de qualidade superior. As imagens JPEG são geralmente de qualidade inferior, mas carregam mais rapidamente. Estes factores influenciam a decisão a favor de PNG ou JPEG bem como o conteúdo da imagem e a forma como é utilizada.

Neste artigo, ficará a saber mais sobre o que são JPEG e PNG, porque são tão adequados para a Web e o que cada tipo faz melhor.

Introdução aos formatos de imagem JPEG e PNG

Como já foi referido, JPEG e PNG são dois dos formatos de imagem mais utilizados nos sítios Web. Ambos utilizam diferentes "codecs" (ou métodos de compressão) para armazenar os dados da imagem. Isto significa que o PNG é mais adequado para determinados fins do que o JPEG e vice-versa.

Formato de imagem JPEG

JPEG é um formato de imagem que utiliza compressão com perdas. Por este motivo, os ficheiros JPEG têm normalmente um tamanho de ficheiro mais pequeno e carregam mais rapidamente do que os ficheiros PNG. Se estiver a carregar muitas imagens, por exemplo, um álbum de um evento, a utilização de JPEG significa que pode apresentar mais imagens sem ficar sem espaço no servidor.

No entanto, a compressão mais elevada também significa que algumas das informações da imagem se perdem sempre que um JPEG é guardado. Se guardar um JPEG repetidamente, este pode ficar pixelizado. No entanto, isto nem sempre é importante para utilização na Internet.

Formato de imagem PNG

O PNG, por outro lado, é um método de compressão sem perdas. Isto significa que são armazenados mais dados e que se obtém uma qualidade de imagem superior à que normalmente se obtém com um JPEG. Um PNG é também muito menos pixelizado do que um JPEG.

Isto torna os PNGs ideais para todas as imagens que contêm linhas ou texto fixos e definidos.

Os PNGs também podem conter elementos transparentes. Isto pode ser muito útil num sítio Web. Por exemplo, uma imagem pode ser apresentada de forma a misturar-se com o fundo da página. Isto é particularmente útil para símbolos.

A desvantagem dos PNGs é que têm tempos de carregamento ligeiramente mais longos e tamanhos de ficheiro maiores do que os JPGs. São bons para imagens importantes, mas deve evitar sobrecarregar o seu sítio Web e servidor com dezenas de PNGs em cada página, a menos que o seu sítio Web esteja muito bem optimizado.

Porque é que os JPEGs e PNGs são adequados para a Web

Existem muitos tipos de formatos de imagem, por isso pode estar a perguntar-se porque é que nos concentramos exclusivamente em JPEG e PNG. A razão é que estes dois formatos de imagem são mais adequados para a Web do que a maioria dos outros.

Há várias razões para tal, nomeadamente

Compressão de imagensAs imagens JPEG e PNG são comprimidas para reduzir os tempos de carregamento, o que é ideal para a Internet.
Tamanho de ficheiro pequenoA compressão também significa que os JPEGs e PNGs ocupam menos espaço no servidor do que muitos outros tipos de imagem, o que significa que não tem de se preocupar com a falta de espaço.
Integração generalizadaMuitas ferramentas Web foram desenvolvidas com a expetativa de que o seu sítio Web utilizará principalmente JPEG e PNG. Alguns navegadores não exibem determinados tipos de ficheiros.

Resumindo, embora não seja obrigado a utilizar apenas JPEGs e/ou PNGs no seu sítio Web, será mais fácil limitar-se a estes dois formatos de imagem. É também uma forma inteligente de manter o seu sítio Web simples e rápido à medida que cresce.

Quando é que se devem utilizar JPEGs e PNGs?

Agora que compreende as diferenças básicas entre JPEG e PNG, pode estar a perguntar-se se deve utilizar apenas um formato ou uma mistura de ambos. Para responder a esta pergunta, vamos analisar algumas regras básicas para a utilização de cada tipo de imagem.

O JPEG é o formato ideal para as seguintes aplicações

Imagens complexas: Embora um JPEG tenha uma certa perda de qualidade em comparação com um PNG, esta é pouco percetível em imagens complexas (por exemplo, fotografias). Isto significa que pode utilizar as vantagens de um tamanho de ficheiro mais pequeno sem ter de comprometer a estética.

Álbuns de fotografias: Se partilhar fotografias em grandes quantidades, por exemplo, num álbum de fotografias, é melhor utilizar ficheiros JPEG. Estes têm tempos de carregamento mais curtos, o que significa que as fotografias são apresentadas mais rapidamente e de forma mais fluida.

Imagens opacas: Ao contrário do PNG, o JPEG não permite transparência. No entanto, se uma imagem não precisar de ser transparente, muitas vezes é seguro utilizar um JPEG.

Quando é que é melhor utilizar PNGs

Imagens com linhas rígidas: Tal como já foi referido, a pixelização é muito visível em imagens com linhas rígidas, como logótipos e texto. O formato PNG deve ser utilizado para este tipo de imagens.

Carteiras: Os ficheiros PNG oferecem a melhor qualidade. Por isso, se quiser que as suas imagens tenham bom aspeto, por exemplo, num portefólio de fotografias ou noutro trabalho criativo, pode valer a pena escolher um tamanho de ficheiro ligeiramente maior.

Imagens transparentes: Se pretender que uma imagem se "misture" com a página em vez de ter um fundo opaco, o PNG é a melhor opção.

Alguns optam por utilizar apenas um tipo de imagem no seu sítio Web. Isto oferece a vantagem de uma abordagem optimizada e pode funcionar bem para sítios Web que utilizam imagens de forma muito previsível. No entanto, recomendamos que as decisões sejam tomadas caso a caso e que se escolha o tipo de ficheiro mais adequado para a situação.

Diferença entre PNG e JPEG Resumo

Quando se começa a familiarizar com os diferentes tipos de ficheiros de imagem, pode parecer um pouco confuso. No entanto, quando adiciona imagens ao seu sítio Web, quer quase sempre o formato PNG ou JPEG utilização. Com o tempo, tornar-se-á mais fácil decidir que tipo de ficheiro deve ser utilizado para que fins.