Por Nathan E. Malpass, Última atualização: August 27, 2019
Sou web designer e desenvolvedor web. É por isso que eu adoraria garantir que os sites carreguem rapidamente. Uma maneira de fazer isso é através da compressão de imagens usando ferramentas como um compressor de imagem. O que exatamente é compressão de imagem e qual é uma ótima ferramenta para fazer isso?
~Desenvolvedor Web / Web Designer
Parte I: IntroduçãoParte II: Compressão com perdas VS sem perdasParte III: Vários tipos de arquivosParte IV: Selecionando o formato de arquivo corretoParte V: Design de Impressão e Compressão de ImagemParte VI: Vantagens e Desvantagens da Compressão de ImagensParte VII: Ferramenta Compressor de ImagemParte VIII: Conclusão
Quando você implementa corretamente a compactação de imagem, isso pode levar a ótimos resultados no tamanho e na aparência de diferentes arquivos de imagem. A compactação de imagem geralmente é mal compreendida. Às vezes, isso ocorre porque as pessoas não sabem para que tipos de compressão diferentes são realmente mais usados.
Se você não tiver cuidado com qual tipo de compactação utilizar para uma variedade de tipos de imagem, acabará com estes dois: Primeiro, as imagens parecerão menos boas do que costumavam ser. Em segundo lugar, o tamanho do arquivo de imagem será maior após a compactação.
Tudo o que você quer saber sobre compressão de imagens, especialmente quando se trata de web design, está incluído abaixo. Abordaremos uma variedade de tópicos, incluindo a diferença entre compactação com e sem perdas. Também abordaremos vários tipos de arquivos e as técnicas de compactação usadas para eles. Também daremos orientações sobre quais formatos de arquivos são mais usados para diferentes tipos de imagens. Além disso, apresentaremos as vantagens e desvantagens da compactação de imagens. Por fim, daremos uma dica de qual ferramenta usar para compactar imagens. Vamos começar.
Muitas pessoas pensam que é uma obrigação para eles utilizarem formatos de imagem que sejam de compressão sem perdas. Esse tipo de compactação geralmente é ótimo para muitos tipos de imagem. No entanto, a compactação sem perdas também não é o melhor tipo disponível para alguns formatos.
Com a compactação de imagens sem perdas, a preservação dos dados do arquivo original real é feita. Por outro lado, a compactação com perdas remove parte dos dados do arquivo original real. Ele salva a imagem em um formato de tamanho reduzido em relação ao original. Você, o designer, pode realmente configurar a taxa de compactação da imagem, permitindo que você tome uma decisão com relação à quantidade de dados que deseja desconsiderar.
Compressão sem perdas
Para fazer compressão sem perdas, alguns métodos podem ser utilizados. A codificação de comprimento de execução é melhor para arquivos BMP. Com esse tipo de compactação sem perdas, execuções de dados (referente a elementos de dados consecutivos e com valores idênticos) são obtidas e armazenadas em um único valor de dados e contagem. Esse tipo de compactação sem perdas é melhor para arquivos de imagem muito simples e com muitos elementos de dados idênticos.
Outro método de compressão sem perdas é o DEFLATE. Isso é melhor utilizado para imagens do formato PNG. Ele utiliza a codificação Huffman e o algoritmo LZ77 juntos. DEFLATE também é utilizado para compactação gzip e compactação ZIP.
LZW Compression, uma abreviação de Lempel-Ziv-Welch, é outro algoritmo para compressão sem perdas. É utilizado principalmente para formatos de arquivo TIFF e GIF. Esse tipo de compactação sem perdas executa a análise de dados de maneira limitada.
Compressão com perda
Vários métodos para compactação com perdas estão disponíveis. Alguns são até combinados com técnicas sem perdas para reduzir significativamente o tamanho de um arquivo. Um método de compressão com perdas envolve a redução do espaço de cores da imagem para as cores que são mais comuns na referida imagem. Na maioria das vezes, esse método é utilizado em formatos de arquivo GIF.
No entanto, às vezes eles também são utilizados em formatos PNG para reduzir significativamente o tamanho do arquivo. Quando esse método de compactação com perdas é utilizado nos tipos de imagem corretos em combinação com o pontilhamento, ele leva a imagens quase idênticas às do arquivo original.
A codificação de transformação é um tipo de codificação utilizado para formatos de arquivo JPEG. Este tipo de compressão faz uma média das diferentes cores dentro de pequenos blocos da dita imagem que está sendo comprimida. Ele faz isso utilizando uma DCT (transformada discreta de cosseno) que resulta em imagens com relativamente menos cores em comparação com as do original.
Outro tipo de compressão com perdas é a subamostragem de croma. Isso geralmente é utilizado para formatos de arquivo JPEG e para esquemas de codificação de vídeo. Leva em consideração o fato de que a percepção do olho humano de modificações no brilho são mais nítidas em comparação com a percepção de mudanças de cor. Ele utiliza esse fato científico calculando a média ou eliminando parte das informações de cor (croma) enquanto mantém simultaneamente as informações de brilho (luma).
Neste artigo, vamos nos concentrar em três tipos de arquivos que são os tipos de arquivo mais usados na área de web design. Esses tipos de arquivo são JPEG, PNG e GIF. Existem também outros formatos de imagens que utilizam compressão como TIFF, TGA e PCX, entre outros. No entanto, os três tipos de arquivo que iremos focar são amplamente utilizados em web design.
GIF (Formato de intercâmbio de gráficos)
Este formato de imagem é um bitmap e foi introduzido pela CompuServe em 1987. Suportando um máximo de 8 bits por pixel, ou seja, uma imagem específica neste formato pode acomodar cerca de 256 cores RGB distintas. A melhor coisa que um formato GIF pode fazer por você é que ele oferece a capacidade de animar imagens. Essa capacidade não está presente nos formatos JPEG e PNG.
JPEG (Grupo misto de especialistas em fotografia)
Ele utiliza compactação com perdas para levar a um tamanho de arquivo de imagem significativamente menor. A maior vantagem dos formatos JPEG é a capacidade de decidir a extensão da compactação de imagem utilizada. O resultado disso é uma melhor qualidade da imagem, especialmente se usada corretamente. Também resulta no menor tamanho que é razoável o suficiente para acomodar a qualidade da imagem.
No entanto, como o JPEG utiliza compactação com perdas, as imagens que você salvou no referido formato podem sofrer artefatos. Este é um evento em que halos estranhos podem ser vistos em seções específicas da imagem. Além disso, o artefato também resulta em pixelização sendo vista na imagem. Normalmente, se a imagem tiver mais contraste, é necessário que a imagem seja realmente salva com uma qualidade superior. Isso levou a uma imagem final que ainda é decente de se ver.
PNG (gráficos de rede portáteis)
Este é outro formato de imagem em bitmap. No entanto, em vez de utilizar compactação com perdas, ele usa compactação sem perdas. PNG foi formulado como um substituto para o formato GIF. Internet Explorer, não suporta o formato PNG por um longo período de tempo. É por isso que é menos comum ser utilizado em comparação com os formatos JPEG e GIF. No entanto, agora, ele é atualmente suportado pelo navegador mais popular do mercado.
O formato PNG oferece suporte a cores baseadas em paleta. Estes podem ser RGBA de 32 bits ou RGB de 24 bits. Também podem ser espaços de cores em escala de cinza, RGB e RGBA. Um dos maiores recursos do formato PNG é sua capacidade de suportar uma variedade de opções de transparência. Uma dessas opções de transparência é a transparência do canal alfa.
O formato de arquivo indicado acima (por exemplo, PNG, JPEG e GIF) pode ser usado para vários tipos de imagem. Se você selecionar o formato de arquivo correto, poderá resultar em imagens com melhor qualidade e tamanhos significativamente menores. Quando você escolhe o formato errado, a imagem pode ser de qualidade relativamente inferior e pode até ser maior em tamanho também.
Os formatos GIF são melhores para imagens simples, como desenhos de linhas ou logotipos. Isso ocorre porque o GIF possui uma paleta de cores limitada. E por causa disso imagens com mudanças sutis de cor e com gradientes muitas vezes resultam em posterização. Para alguns arrays, isso pode ser evitado usando dithering. Mas, a melhor solução é utilizar um formato diferente de arquivos de imagem.
Para imagens ou fotos com gradientes que tornam o GIF não adequado, o melhor formato de arquivo que você provavelmente pode usar é o formato de arquivo JPEG. O JPEG é mais adequado para imagens com mudanças sutis de cor e com poucos contrastes nítidos.
Se sua imagem tiver seções contendo contraste nítido, é muito provável que apareçam artefatos. Artefatos referem-se a halos multicoloridos localizados em torno de uma seção específica da imagem. A melhor coisa a fazer é ajustar o nível de compactação dos arquivos JPEG antes de salvá-los. Isso levará a uma imagem com uma qualidade mais alta e com um tamanho menor.
Se as imagens contiverem contraste alto (especialmente em relação a ilustrações ou fotos com contraste e vários gradientes), o melhor formato a ser usado é o PNG. Normalmente, os arquivos PNG são de tamanho maior em comparação com o JPEG. No entanto, ainda depende da imagem. Os arquivos PNG também utilizam compactação sem perdas. Isso significa que a qualidade da imagem original é mantida intacta.
Abaixo está uma visão geral que permite que você veja quais tipos de arquivo reais são melhores para diferentes tipos de imagem:
GIF
*A animação é necessária no arquivo.
* Gráficos simples e desenhos de linha.
* EVITAR - Imagens que contenham gradientes; Fotos.
JPEG
* Fotos que não contenham uma grande quantidade de contraste.
* Capturas de tela de jogos, filmes e outros conteúdos semelhantes.
* EVITAR - Imagens que contenham muito contraste; Imagens detalhadas (por exemplo, diagramas); Gráficos simples (isso resultará em tamanhos de arquivo maiores).
PNG
* Ilustrações, arte de linha.
* Fotos que contêm uma grande quantidade de contraste.
* Imagens que requerem transparência (por exemplo, transparência de canal alfa).
* Capturas de tela do aplicativo e diagramas detalhados.
* EVITE - Fotos com pouco contraste. Isso resultará em tamanhos de arquivo maiores.
A maior parte deste guia falou sobre compressão de imagem quando se trata de web design. No entanto, informaremos o efeito da compactação de imagem em relação ao design de impressão. Principalmente, você deve evitar compactação com perdas e não deve ser usado quando se trata de design de impressão.
O design de impressão é propenso a artefatos e qualidade de imagem inferior em comparação com os gráficos na tela. Por exemplo, quando você salva um arquivo JPEG usando qualidade média, pode parecer bom na tela. No entanto, quando é impresso, a perda de qualidade é muito perceptível, assim como os artefatos. Isso é verdade mesmo se você usou uma impressora jato de tinta premium.
Para design de impressão, é melhor usar tipos de arquivo que aproveitem a compactação sem perdas. Se você precisar compactar a imagem, é melhor usar o formato de arquivo TIFF. Isso ocorre porque o referido formato de arquivo oferece uma variedade de opções para vários métodos de compactação sem perdas. E essas opções incluem o método LZW conforme indicado anteriormente.
No entanto, se você estiver imprimindo uma imagem, ela ainda depende da imagem específica e de onde ela será impressa. É melhor, geralmente, utilizar tipos de arquivo que não contenham nenhuma compactação. É por isso que você pode usar o arquivo original do próprio aplicativo.
Há uma variedade de vantagens e desvantagens da compactação de imagem. Estes podem realmente ser vistos abaixo:
Redução no tamanho do arquivo
O benefício mais importante que a compactação de imagem oferece é a redução do tamanho do arquivo. Dependendo do tipo de arquivo que você deseja compactar, você pode fazer a compactação da imagem continuamente até atingir o tamanho desejado.
Quando o tamanho do arquivo é reduzido, o arquivo de imagem ocupa relativamente menos espaço na unidade de disco rígido. Mas, ainda tem o mesmo tamanho que a imagem original. Ou seja, a menos que você edite manualmente o tamanho da imagem usando um editor de imagens como o Photoshop.
A redução no tamanho do arquivo traz muitos benefícios, especialmente para a World Wide Web. Dá aos webmasters a capacidade de criar sites ricos em imagens sem ocupar muito espaço de hospedagem ou alocação de largura de banda.
Velocidades de carregamento mais rápidas
Existem dispositivos eletrônicos (por exemplo, câmeras, telefones, computadores) que são lentos quando se trata de carregar imagens não compactadas de tamanho grande. Por exemplo, as unidades de CD têm uma taxa específica limitada de leitura de dados. Essas unidades de CD não são capazes de mostrar imagens grandes corretamente.
Alguns serviços de hospedagem na web que são lentos na transferência de dados também precisam de imagens compactadas para ter um site funcional que carrega mais rápido que os sites concorrentes. Os discos rígidos também se esforçam mais para carregar arquivos descompactados. A compactação de imagem resulta no carregamento mais rápido de dados em dispositivos lentos.
Qualidade inferior
Normalmente, quando as imagens são compactadas, isso resulta no declínio da qualidade da imagem (também conhecido como degradação). Se for necessário mostrar imagens com alta resolução, talvez você não queira usar a compactação de imagem, pois isso resultará em uma imagem de qualidade inferior.
Perda de dados
Alguns tipos de arquivos (por exemplo, JPEG) resultam em perda de dados da imagem permanentemente quando sofrem compressão de imagem e reduzem o tamanho. Ao compactar essas imagens, você deve garantir que o arquivo original descompactado seja mantido intacto. Desta forma, você tem um backup. Caso contrário, ocorrerá perda da qualidade do arquivo descompactado.
A ferramenta de compressão de imagens que recomendamos para você compactar imagens é Compressor de fotos online gratuito do FoneDog. A referida ferramenta tem as seguintes vantagens:
* Permite compactar arquivos de imagem (por exemplo, JPEG ou PNG) o que resultará em uma redução de tamanho sem perder muito da qualidade da imagem.
* Ele permite que você economize mais espaço no seu dispositivo. Assim, você pode usar este espaço para outras fotos, vídeos e documentos importantes.
* Isso resulta na imagem usando menos largura de banda, especialmente se você quiser usá-la dentro de um site. Assim, você pode economizar muita largura de banda e acomodar mais usuários, especialmente se o pacote de hospedagem na web que você aproveitou tiver uma quantidade limitada de transferência de dados disponível.
* Isso resulta em tempos de carregamento mais rápidos nos dispositivos e para provedores de serviços de hospedagem na web. Os usuários do seu site não ficarão entediados com os tempos de carregamento lentos. Como suas imagens ocupam menos espaço, elas serão carregadas mais rapidamente e proporcionarão uma melhor experiência ao usuário.
Veja como usar o Compressor de Fotos Online Gratuito do FoneDog passo a passo:
Passo 01 - Vá para a página do Photo Compressor no site do FoneDog aqui.
Passo 02 - Carregue sua imagem ou imagens. Você pode fazer upload de no máximo 20 imagens com cerca de 5 MB por imagem no tamanho máximo.
Passo 03 - Após a compactação das fotos, baixe o arquivo da imagem compactada dentro da referida plataforma.
A compactação de imagens é uma ótima maneira de reduzir o tamanho das imagens sem perder muito de sua qualidade. É por isso que é usado por muitas pessoas para tempos de carregamento mais rápidos em dispositivos e sites. Para compactar suas imagens, você pode usar Ferramenta de Compressor de Fotos do FoneDog. É uma ótima ferramenta para compactar imagens e reduzir seu tamanho sem comprometer muito de sua qualidade.
Deixe um comentário
Comentário
Compressor de Fotos Online Grátis
Artigos Quentes
/
INTERESSANTEMAÇANTE
/
SIMPLESDIFÍCIL
Obrigada! Aqui estão suas escolhas:
Excelente
Classificação: 4.6 / 5 (com base em 100 classificações)