ao escolher fotos para o seu site, não é só o que está nas fotos que importa. Na verdade, escolher o formato de imagem certo pode ser igualmente importante. Então vamos falar sobre JPG vs PNG, que escolher, e por quê.

Se você vai para um formato errado, você pode acabar com um site mais lento, taxas de salto mais altas e taxas de conversão mais baixas – e isso não é o que você quer, especialmente quando ele pode ser facilmente evitado.,

A diferença entre PNG e JPG

vamos começar com as definições básicas.

PNG significa “Portable Network Graphics”, com compressão chamada” lossless”. Isso significa que a qualidade da imagem era a mesma antes e depois da compressão.

JPEG ou JPG significa Joint Photographic Experts Group, com a chamada compressão “lossy”.

Como você poderia ter adivinhado, essa é a maior diferença entre os dois. A qualidade dos arquivos JPEG é significativamente menor do que a dos arquivos PNG.

no entanto, a qualidade inferior não é necessariamente uma coisa ruim.,

o que é o JPEG?

imagens JPEG são uma escolha comum para imagens produzidas pela fotografia digital e são uma boa escolha para imagens com cores complexas e sombreamento.

embora a perda de qualidade seja pouco perceptível com a compressão de 10:1 do JPG, o tamanho menor torna o JPEGs adequado para uso web porque reduzir a quantidade de dados usados para uma foto é útil para a apresentação sensível.

Por outro lado, as imagens JPG não são a melhor escolha para desenhos de linha e outros gráficos textuais ou icônicos por causa dos contrastes nítidos entre pixels adjacentes., Se você quiser usar uma imagem desse tipo para o seu site, você provavelmente deve considerar a utilização de formatos gráficos sem perdas.o que é o PNG?

PNG foi criado como um substituto melhorado para GIFs e tornou-se o formato de compressão de imagem sem perdas mais comum na Internet.o que é um ficheiro PNG?

conhecido como Portable Network Graphics, PNG image can be palette-based, grayscale, and full-color non-palette-based RGB / RGBA.,

O formato de arquivo PNG foi projetado especificamente para a transferência de imagens na Internet ao invés de gráficos de impressão e, como resultado disso, não suporta espaços de cores não-RGB como CMYK.

the big plus is that .o png oferece uma variedade de níveis de transparência, o que significa que o fundo PNG pode ser completamente transparente, o que é importante para projetos de Logotipo png e similares. É também a melhor escolha para imagens com efeitos de desvanecimento.,

JPG vs PNG – A regra básica

Uma vez que tanto o formato jpg e PNG têm os seus prós e contras, você deve tirar o máximo proveito de ambos e jogar para os seus pontos fortes.

na prática, isso significa que você deve usar .jpeg para fotografias, e .png para gráficos e imagens. isso realmente importa?

ao falar de JPG vs PNG e ao comparar os dois lado a lado, a verdade é que você não será capaz de ver muita diferença nas fotos.

portanto, se as imagens PNG não parecem muito melhores JPGs, por que não usar sempre o formato JPG e tornar as coisas mais fáceis para si mesmo?,

infelizmente, não é assim tão simples e a razão para isso é a compressão de imagem.

Você quer o formato de imagem de mais alta qualidade, mas você também quer ter um site responsivo, então você precisa realmente levar a diferença entre jpeg e png em consideração e particularmente a diferença na compressão de imagem.

pense nisso assim: compressão de imagem significa reduzir o tamanho da imagem sem sacrificar a qualidade para o bem do tamanho. Geralmente, compressão mais forte é igual a tamanho de arquivo menor, o que equivale a pior qualidade de imagem.,

Por isso, se quiser uma boa compressão, tem de encontrar o equilíbrio certo entre a qualidade e o tamanho do seu ficheiro.

Quando você olha para a imagem guardada em seu computador, você vê a melhor versão dela porque o arquivo não foi comprimido. No entanto, se essa mesma imagem está no site, ele precisa ser baixado para que você a veja.

logicamente, isso significa que quanto maior a imagem – maior o tempo de carga.,

Serviços de Compressão de imagens

Existem muitos serviços e ferramentas para compressão de imagens e aqui estão alguns dos bons que você pode usar para JPG ou png:

• Kraken.,io – grande equilíbrio entre o tamanho e a qualidade

• O Kraken WordPress plugin – automático de compressão de imagens que carregar para o seu site

• WP Smush – um plugin para WordPress que irá comprimir suas imagens automaticamente

Imagens Contendo Texto

De tempos em tempos, você vai querer usar imagens que contenham texto e escolher jpeg ou png realmente importa aqui. PNGs são geralmente uma melhor escolha para pics deste tipo, bem como para gráficos com detalhes finos.,

uma diferença importante entre JPG e png é que com JPGs, os contornos das letras, bem como as linhas finas de gráficos, geralmente aparecem menos afiados.

imagens regulares

e enquanto os gráficos e as imagens com letras são geralmente mais bonitos no .arquivo png, com as fotos regulares, JPG é uma melhor escolha para a web, porque se o tamanho menor.

Se você decidir usar apenas PNGs, eles irão retardar o seu site, o que pode levar a usuários frustrados.,

dimensionando as imagens

para além da compressão, Poderá também considerar redimensionar as imagens que deseja usar para o seu desenho web. A boa notícia é que redimensionar não é um processo complicado e existem duas maneiras de fazê – lo direito:

1-Use algumas das ferramentas de redimensionamento que lhe permitirão deslocar manualmente as bordas da imagem. Se quiser manter a relação altura-largura original, certifique-se de obter um canto da imagem em vez de um dos lados, o que lhe permitirá dimensionar a sua imagem proporcionalmente.,

2-Se não quiser redimensionar a imagem ajustando-a manualmente, ou se precisar de uma imagem de um tamanho específico, poderá usar alguns dos programas gráficos avançados que lhe permitirão especificar o tamanho da imagem e ajustar a imagem Temporal de acordo com isso.

no entanto, algumas vezes as imagens ficam um pouco fora de foco depois de serem redimensionadas, por isso considere usar algumas das ferramentas de afiamento antes de exportá-lo como png ou jpg.

PNG vs JPG quando você não tem certeza

Agora, sabemos que JPGs são melhores para fotografias, enquanto .as imagens png funcionam melhor para gráficos e fotos com texto., Mas o que é melhor para as imagens que estão algures no meio?

Screenshots são um bom exemplo disso porque muitas vezes contêm fotografias, bem como texto e linhas afiadas.

no entanto, quando se trata de JPG vs PNG quando se fala de screenshots, é quase sempre melhor usar o formato PNG para manter a nitidez e a legibilidade do texto na imagem.

no final do dia, se você ainda não tem certeza de qual formato você deve ir com, você pode sempre salvar a imagem em ambos e, em seguida, compará-los e decidir qual você acha que se encaixa melhor às suas necessidades.,

terminar os pensamentos sobre JPG vs comparação PNG

Agora que você sabe o que é o arquivo PNG e qual é a diferença entre um PNG e um JPG, deve ser mais fácil para você escolher o formato certo para manter o seu site bonito, bem como rápido e ágil.

ao falar sobre JPG vs PNG há algumas coisas-chave a ter em mente.

PNG é a melhor escolha para gráficos, as pics com texto, screenshots, e para projetos que exigem o uso de transparência, tais como desenhos de logotipo e similares., No entanto, a maior desvantagem é que eles são maiores em tamanho e eles vão abrandar o seu site.

JPG, por outro lado, é menor e mais rápido de carregar, mas a compressão vem de mãos dadas com alguma perda de qualidade que normalmente não é um problema para fotografias, mas pode ser ruim para texto ou imagens contendo linhas finas. qual deles deve usar? Bem, isso depende do tipo de imagem e do tipo de site que você está construindo.