Por Nathan E. Malpass, Última atualização: January 18, 2024
Estou tentando decifrar qual é melhor usar entre um tipo de arquivo jpeg e png para minhas fotos. Pretendo fazer alguma edição nessas fotos e gostaria de fazer upload de algumas delas em minhas contas de mídia social, enquanto outras serão publicadas em vários sites.
- fotógrafo anônimo.
Parte 1: Por que é necessário redimensionar um jpeg?
O ano de 2018 é uma época muito avançada para as pessoas da Geração X e mais velhas. Antigamente, se você quisesse tirar uma fotografia, primeiro precisaria de uma câmera e um filme, e depois revelar o filme e, finalmente, transformar seus negativos revelados em fotografias. Posso imaginar que alguns dos millennials de hoje nem perceberiam que era assim que as coisas costumavam ser.
Hoje, parece que todo mundo tem um celular, alguns com câmeras que gravam em resoluções mais altas do que algumas das câmeras digitais atuais. Enquanto as câmeras digitais mais avançadas hoje em dia gravam em alta definição. E onde essas fotos aparecem, online é claro. Mídias sociais principalmente, bem como sites sobre praticamente todos os tópicos ou temas que você possa imaginar.
O problema é que as fotografias de alta definição podem ser grandes demais para uso online. Se uma fotografia não for redimensionada para acomodar o local onde está sendo carregada, o usuário poderá gastar muito tempo aguardando o download da foto. Em outros casos, os sites também têm limites quanto ao tamanho da fotografia que podem ser carregados e se o tamanho da foto for muito grande, quando ela aparecer na página da web, vai estragar a aparência da página e pode até enviar todos os textos da página para outras áreas da tela apenas para caber na foto.
Principalmente com a rapidez com que tudo parece funcionar hoje em dia, imagine enviar uma imagem com tamanho de arquivo altíssimo no Facebook, Twitter, Instagram, SnapChat ou qualquer outra rede social, você vê seus amigos esperando 5 minutos inteiros só para ver a foto? Provavelmente, eles clicarão e olharão para outra coisa, em vez de esperar tanto tempo.
Parte 2: Escolhendo como redimensionar suas imagens para uso online.
Existem vários softwares de mídia que podem ser usados para salvar uma imagem digital. Existem GIFs, PNGs e, como mencionado anteriormente, JPEGs. As diferenças residem principalmente em como o arquivo é compactado e visualizado no seu dispositivo. Essas diferenças afetam quanto tempo você esperaria para ver uma imagem online e como você veria essa imagem em um determinado site.
Encontrar o equilíbrio é fundamental e, embora não existam regras de ouro que possam ser seguidas, a experiência repetida na compactação de fotos e na escolha de como fazê-lo se tornará mais fácil quando você tiver alguma prática na manga.
Aqui estão 2 dicas vitais que você pode usar para começar a saber o que funcionará melhor:
Dica # 1: Nunca salve suas fotos em 100%. Fazer isso em primeiro lugar nos ocupa um espaço enorme em seu disco rígido e a qualidade entre 100% e até 90% não é muito diferente, mas haveria uma grande queda no tamanho do arquivo. Lembre-se também de que economizar 100% não oferece exatamente a qualidade de imagem mais otimizada.
Muitas vezes é ainda melhor salvar suas imagens em menos de 90%. Alguns sites têm requisitos que permitem apenas o upload de imagens em até 60%, o que já é considerado de alta qualidade. O Adobe Photoshop tem uma predefinição de salvamento que define a porcentagem de qualidade da imagem como Baixa - 10%, Média - 30%, Alta - 60%, Muito Alta - 80%, Máxima - 100%.
Os desenvolvedores da Web geralmente exigem que suas equipes de publicação carreguem apenas imagens entre 50% e 70% e são para sites que já têm muitas apresentações de fotos. Sites de notícias que consistem principalmente em texto e apenas têm uma pequena imagem de suporte economizam em porcentagens muito inferiores a 70%.
Dica # 2: Mas lembre-se de não salvar suas imagens muito baixas também. Como eu disse anteriormente, dependendo de onde você fará o upload de sua imagem, também depende de quão grande ou pequena uma imagem deve ser. Você vai querer carregar o maior tamanho de arquivo possível para ter a melhor qualidade sem fazer com que a imagem destrua a visualização geral de um site.
Em 30%, você provavelmente estaria perdendo alguma qualidade de imagem, enquanto os desenvolvedores podem argumentar que 50% seria a qualidade mais baixa absoluta para a qual se deve redimensionar para se adequar ao site. Experimentar tamanhos diferentes é provavelmente sua melhor aposta aqui para testar e detectar o que ficaria melhor no site para o qual você está enviando. Além disso, experimentar diferentes tamanhos de arquivo seria educativo e ensinaria o que realmente funciona melhor, considerando os diferentes sites para os quais você está enviando.
Parte 3: Opções para compactar suas fotos.
Vamos começar entendendo os inversos entre compressão e qualidade. Por exemplo, se uma foto tiver uma compactação de 60%, você terá 40% de qualidade. Por outro lado, você também pode dizer que 70% de qualidade significaria que você tem 30% de compactação. Outra maneira de ver isso seria dizer que, se você tiver 100% de qualidade, terá 0% de compactação.
A luminância, ou brilho, normalmente é uma configuração que deve ser mantida no valor mais alto possível. Isso é comumente conhecido como subamostragem de croma. Os usuários podem achar interessante notar que o Adobe Photoshop nem sempre utiliza isso e sua opção “salvar para a web” usa apenas a subamostragem de croma ao economizar 50% ou menos em seu valor de qualidade.
Parte 4: Mídia da Web e como eles diferem em uso de uma necessidade para outra.
Em primeiro lugar, é importante notar que existem todos os tipos de imagens de mídia que se pode colocar em um site. Um botão é diferente de um ícone é diferente de uma imagem de suporte é diferente de uma foto de suporte em tamanho real e assim por diante. Dito isso, não seria sensato comparar um crachá de uma imagem principal de um artigo de notícias.
Os sites também oferecem a opção de enviar uma imagem com tamanho de arquivo relativamente baixo na página principal do artigo, com um link clicável para uma página que contém apenas a foto, que pode ser de maior qualidade. Você também pode criar a página para ter várias miniaturas dessa forma, você também pode apresentar muitos links para várias fotos de alta qualidade. No entanto, ao fazer isso, você também está criando 2 conjuntos de imagens na biblioteca de mídia, o que pode ser uma contradição à forma como o site prefere construir suas páginas.
Uma boa regra é sempre ter em mente que você está montando uma página com vários gráficos reunidos e é sempre melhor considerar a melhor forma de otimizá-los como uma única unidade. Seria muito tedioso localizar imagens se elas estivessem espalhadas por uma página de desenvolvedores web, então pense e planeje como organizar seus arquivos.
Também pode haver casos em que seu desenvolvedor solicitará que você carregue suas imagens em sites como o Flickr, onde você não precisa mais hospedar a imagem, mas simplesmente vinculá-la à sua página. Mas lembre-se, fazer isso não significa que você não precise mais considerar os tamanhos e compactações dos arquivos; ainda é vital planejar o que funcionaria melhor considerando as imagens que você está enviando.
Parte 5: Adobe Photoshop não é o fim de todos os softwares de mídia.
Economizar espaço é crucial para todos os desenvolvedores e, como contribuidor de imagens, é seu dever aprender como fazê-lo da melhor maneira possível, sem permitir que seu trabalho sofra com o upload acidental de imagens que não se adequam ao projeto. Felizmente, existem alguns tipos de software por aí que nos permitem redimensionar imagens para atender às nossas necessidades. Veja abaixo algumas de nossas opções.
IrfanView é um software gratuito desenvolvido para Windows que permite visualizar e redimensionar qualquer conjunto de fotos grandes. Uma das vantagens de trabalhar com o IrfanView é porque ele permite converter lotes de fotos de vários diretórios. Imagine a facilidade em otimizar centenas de fotos com o mesmo comando!
O IrfanView também oferece suporte a plug-ins de desenvolvedores terceirizados e um desses plug-ins é a Radical Image Optimization Tool, também conhecida como RIOT. Uma de suas principais vantagens é que permite editar seus parâmetros de compressão em uma visualização dupla de imagens.
Ver as duas imagens ao mesmo tempo certamente o ajudará a comparar e ajustar de acordo com o que você precisa para o seu arquivo. Outra grande vantagem em usar o IrfanView é que ele permite remover quaisquer metadados adicionais, como EXIF, que aumentam o tamanho do arquivo e raramente são necessários ao enviar essas imagens online.
Se você for um usuário de Mac, uma de suas opções de software é o ImageOptim. O ImageOptim é conhecido por ser ainda melhor que o Adobe Photoshop e roda no OS X. Uma de suas funções inclui arrastar e soltar arquivos ou pastas no software para ajudá-lo a otimizar várias fotos. Outra vantagem de usar o ImageOptim é que ele permite executar comandos diretamente de seu terminal.
No entanto, houve alguns problemas com seu software, um dos quais inclui a renderização de imagens pixeladas em determinados navegadores, principalmente o OPERA. Dito isto, seria melhor experimentar isso em diferentes navegadores, como Chrome, Safari e Firefox. Se sim, você ainda tem a opção de baixar o ImageOptim 1.3.0 que converte imagens mais limpas.
Um software que pode ser usado com Windows e OS X se FoneDog. Também é gratuito e pode converter JPEGs e PNGs sem perder tanta qualidade. Considerando que os arquivos costumam ser muito grandes, o FoneDog permite reduzir as imagens para ajudar a economizar espaço em seus telefones celulares e computadores.
Fonedog permite converter 20 fotos por vez, o que facilita a operação em comparação com outros softwares do mercado, tornando-o uma opção melhor para usuários que possuem várias fotos que precisam ser redimensionadas. Eles são mais comumente necessários por desenvolvedores e colaboradores da web que criam galerias de fotos e usam miniaturas em suas páginas da web.
Parte 6: O longo e difícil caminho para escolher entre JPEG e PNG.
Embora existam alguns outros tipos de arquivos de imagem, existem apenas dois reis que são mais comumente usados: JPEG e PNG. Pode-se argumentar que não importa qual deles você usa, pois ambos são idênticos, mas após uma inspeção mais detalhada, você verá que eles realmente têm algumas diferenças.
Da mesma forma, você também pode dizer que um não é particularmente melhor que o outro, pois, em última análise, depende das suas necessidades de qualidade de imagem e dos tamanhos de arquivo projetados para suas circunstâncias específicas. Abaixo estão alguns exemplos de cada um de seus pontos fortes e fracos. Esperamos que isso o ajude a decidir melhor o que você precisa.
JPEG, também conhecido como a equipe que desenvolveu o formato, significa Joint Photographic Experts Group. Eles se tornaram o padrão em fotografia digital e otimização de compartilhamento on-line graças, em parte, ao excelente equilíbrio entre qualidade e tamanho de arquivo. Dependendo das configurações e dos programas usados, é difícil indicar as diferenças exatas de proporção, mas normalmente uma imagem JPEG tem uma taxa de compactação de 10:1.
Em outras palavras, se você tiver uma imagem de 10 MB e convertê-la em um tipo de arquivo JPEG, ela economizará aproximadamente 1 MB. Além disso, idealmente, e em alguns casos, você não deverá notar diferença em sua qualidade, mas naturalmente, isso também dependeria do conteúdo da imagem.
Para que o JPEG consiga isso, eles usam o que é chamado de transformação discreta de cosseno, ou DCT. As fórmulas exatas usadas para definir como isso é feito são bastante complicadas, mas, em resumo, seu algoritmo examina toda a imagem e depois escolhe quais pixels são semelhantes aos que estão ao lado dela para mesclar esses pixels em blocos.
Este método extremamente eficaz de reduzir o tamanho de um arquivo, no entanto, apresenta o risco de nunca ser capaz de recuperar as informações que você forneceu desde então, considerando que, uma vez agrupados, os pixels não estarão mais acessíveis.
É por esse motivo que o JPEG não é o melhor tipo de arquivo para usar ao criar um conjunto arquivado, pois haverá perda de qualidade cada vez que abrir e editar a imagem.
No entanto, existem editores de fotos não destrutivos, como o Adobe Lightroom, que permitem contornar esse problema, considerando que você nunca exclui o arquivo original, pois esse software salva as edições como metadados em vez de gravar sobre a imagem original.
Os usuários também devem ficar atentos ao saber que os JPEGs também não são os melhores tipos de arquivo ou aqueles que dominam todos eles, pois tendem a desfocar quando usados com imagens com muito texto ou imagens com linhas nítidas.
PNG
- Gráficos Portáteis de Rede. Esse formato de arquivo sem perdas é uma alternativa ao GIF, que significa Graphics Interchange Format. Os JPEGs contam com compactações DCT, enquanto os PNGs usam compactações LZW, que é um processo de dois estágios que usa sequências de bits encontradas nos dados de uma imagem e combina sequências mais longas com códigos de acesso armazenados no arquivo de imagem. Ao fazer isso, um arquivo menor com maior qualidade se torna o resultado final.
A compressão sem perdas continua sendo a maior vantagem quando se discute JPEG versus PNG, mas o PNG também lida muito bem com imagens de alto contraste e é por isso que o PNG geralmente é o formato padrão para capturas de tela. Essa representação de pixel por pixel definitivamente pode ser muito útil em oposição ao estilo de compactação de pixels em grupos do JPEG.
Com a criação do PNG projetada especificamente para uso baseado na web, certamente provou seu valor. O JPEG certamente acumula a maioria das imagens on-line, mas o PNG tem um nicho inteiro que o JPEG não pode considerar competir e continua sendo a única opção ao precisar renderizar uma imagem sobre as outras partes de um site.
Parte 7: Então, um PNG é melhor que um JPEG?
Em uma palavra, não. A resposta é que nem o JPEG nem o PNG são melhores que os outros. A resposta é encontrada em responder quais são suas necessidades e, a partir dessas necessidades, você pode detectar qual delas melhor se adequa a você. E lembre-se, sua resposta para uma necessidade pode diferir da sua resposta para outra necessidade.
Se você deseja compartilhar uma foto do seu celular em suas contas de mídia social, provavelmente usará o tipo de arquivo JPEG, pois é menor em tamanho, criado para fotografia e é um formato de arquivo aceito em possivelmente todas as plataformas existe on-line.
Se, no entanto, você estiver tirando uma captura de tela de uma imagem que sabe que alterará e modificará posteriormente com a necessidade de arquivar suas ações, o PNG será sua melhor opção. O tamanho do seu arquivo certamente será maior, mas você não precisará mais se preocupar em perder informações vitais que não poderá recuperar.
JPEGs são um tipo de arquivo popular, mas seria necessário encontrar o equilíbrio perfeito entre a qualidade da compactação e a substância das imagens. Apesar do aumento da velocidade da Internet em todo o mundo, a redução do tamanho das imagens ainda é vital ao fazer upload de fotos.
No entanto, ao arquivar fotos e ter a necessidade de continuar voltando para a foto original, os PNGs são sua melhor opção, pois mantêm a qualidade de suas imagens sem que seus pixels sofram como resultado de cada edição feita.
/