Criação de sites em São Luís - MA e Brasília - DF

Ligue já: (98) 3301-4130
WhatsApp: (98) 98603-9373
  • Posted on:  Quarta, 24 Agosto 2016 12:12
  • Written by 

Todo editor ou administrador de um site / blog sabe da importância que as imagens possuem em cada uma das páginas de um domínio.

Porém, para ter um site acessível, é preciso ir além da simples tarefa de selecionar imagens e fazer o upload na plataforma.

Afinal, o que é compressão de imagens?

Antes de mais nada, precisamos ampliar a visão e tentar entender um arquivo de imagem como um conjunto de dados e pixels.

Dentro de cada arquivo de imagem JPG, JPEG, PNG, GIF ou outra extensão, há metadados e informações repetidas. O trabalho da compressão é justamente retirar essas informações redundantes para diminuir o peso do arquivo.

Por exemplo, vamos imaginar um pixel qualquer de uma imagem. Possivelmente, a cor ou o valor desse pixel será igual a de vários outros elementos dentro da mesma imagem. Quando a imagem é comprimida, em vez de ela possuir vários pixels iguais e repetidos, ela guarda apenas um valor desse pixel, que é reproduzido para os outros semelhantes, economizando tempo de carregamento.

Há duas formas de compressão:

Lossless (sem perda de dados): Comprimir imagens em lossless é a opção perfeita para quem precisa da qualidade máxima a todo custo. Geralmente usada por fotógrafos, a compressão de imagens lossless é feita com arquivos de extensões com mais recursos, como TIFF e PNG.

Lossy (com perda de dados): O formato de compressão recomendado para web resulta em uma pequena queda da qualidade. Tão pequena que é pouco notada pelo olho humano. Em lossy, você pode otimizar a imagem em até 90% de seu tamanho original, dependendo dos casos. JPG, JPEG e GIF são os formatos mais conhecidos de imagens com esse tipo de compressão.

Por que reduzir o peso das imagens

Há vários benefícios para quem mantém um site com as imagens com tamanhos otimizados.

Em primeiro lugar, quanto mais leve for sua página, mais rapidamente ela será carregada para os visitantes. E é importante manter as páginas sempre o mais leve possível, tendo em vista que as velocidades de conexão variam muito.

Pode ser que o seu site esteja abrindo rápido para você, mas é recomendado que se faça um teste em ferramentas online para descobrir o quão rápida está sua página de fato.

O Google oferece a ferramenta Page Speed Insights, no Search Console. Outras plataformas como WebPageTest e Pingdom também permitem que você analise o tempo de resposta de sua página e quais são os arquivos que estão demandando um maior tempo de carregamento, desde imagens a scripts e plugins.

Ninguém gosta de site lento

Sites lentos e com imagens altamente pesadas. A não se que a imagem seja o foco do negócio, como sites de fotógrafos e estúdios, não faz sentido deixar os arquivos consumindo um maior espaço.

Por outro lado, até mesmo sites de fotografia podem otimizar seu tempo de carregamento. Caso a opção ainda seja manter as imagens em qualidade suprema, é possível otimizar o site utilizando imagens de miniatura menores e que podem ser ampliadas, aí sim em alta qualidade, com a intervenção do visitante.

Mesmo assim, as diferenças podem ser incrivelmente sutis. A não ser que você esteja precisando de uma imagem para impressão, não há nada que impeça que você comprima essas imagens.

Imagens mais leves como estratégia de SEO

É comprovado que, como estratégia de SEO, ter um site leve ajuda no ranqueamento do Google.

A velocidade de carregamento do site é um dos critérios levados em consideração pelo Google e que pode definir – favoravelmente ou não – seu posicionamento na SERP.

5 sites em que você pode compactar as imagens online

Reduzir o peso de imagens é um fator importantíssimo para uma otimização completa de qualquer site. Porém, não basta apenas salvar em JPG. Há algumas ferramentas que comprimem ainda mais o peso das imagens. Nesse post, damos 5 dicas:

1 – Kraken.io

O Kraken é uma plataforma compressora que oferece uma forma fácil de se fazer a otimização de imagens, direto do navegador. A web interface do Kraken permite que você faça o upload de qualquer imagem para ser comprimida e baixada logo depois, tanto em Lossy como em Lossless.

A ferramenta possui um plano gratuito que permite upload a imagens de até 1mb. Há também planos pagos que oferecem outras regalias como redimensionamento de imagens e armazenamento na nuvem.

2 – JPEGmini

O JPEGmini é outra plataforma com webinterface gratuita. O diferencial é que você, após fazer o upload do arquivo, pode compará-lo com o original antes de fazer o download.

Também há um plano pago do JPEGmini, que permite upload de arquivos com até 50mb e integração com o Adobe Lightroom.

3 – Smush.it

O Smush.it é uma solução bem completa para compressão de imagens e que carrega três formas de otimização.

É possível comprimir as imagens fazendo upload direto no site, preenchendo um campo com as urls das imagens ou instalando uma extensão para o Firefox.

E ainda há uma terceira forma. Com o plugin WP Smush.it, para WordPress, você pode otimizar todas as imagens que já estão em seu diretório com poucos cliques.

4 – TinyPNG

Apesar da nomenclatura, a plataforma também aceita outros arquivos de imagens além de PNG. O TinyPNG permite o upload de até 20 arquivos simultâneos, com peso máximo de 5mb cada.

A plataforma também possui plugins para WordPress e Magento.

5 – Compress PNG

Assim como as plataformas anteriores, o Compress PNG possui uma web interface para upload de arquivos. Com o máximo de 20 arquivos simultâneos, após a compressão você pode baixar todas as imagens em um arquivo compactado.

Além de PNG, a minimalista plataforma otimiza arquivos JPG, JPEG e PDF.

Comprimindo imagens no Photoshop

É bastante recomendável o uso de alguma das plataformas mencionadas acima para manter o seu site leve sem que as imagens percam qualidade em demasia.

No entanto, antes ainda desse processo, você pode otimizar as imagens em softwares bem conhecidos e utilizados no meio, como o Photoshop.

Para comprimir as imagens no Photoshop, utilize o comando “Salvar para web” (Alt+Shift+Ctrl+S). Esse comando permite exportar imagens otimizadas para internet. Você pode fazer um controle bem refinado sobre a imagem ao analisar os previews antes mesmo de exportá-la para o formato web.

Cuide a qualidade, pois nessa ferramenta, dependendo de quão baixo for o nível, pode ocorrer perdas visíveis. Portanto, faça os testes e veja até qual ponto a redução de tamanho da imagem não comprometerá o produto final.
Outro detalhe importante é cuidar as dimensões das imagens. Não há necessidade de salvar imagens com dimensões maiores ao máximo que o layout permite.

Usar as imagens comprimidas e nas dimensões certas pode poupar um bom tempo de carregamento de seu site e, consequentemente, melhorar a experiência do usuário e o desempenho no ranqueamento do Google.

 

Este artigo foi extraído originalmente de http://resultadosdigitais.com.br

Read 6128 times

Leave a comment

Make sure you enter all the required information, indicated by an asterisk (*). HTML code is not allowed.

Onde estamos

  • Av. São Luís Rei de França,
  • Empresarial Alberto Filho, Sala 3
  • Bairro: Turu
  • Cidade: São Luís - Maranhão
  • CEP: 65065-470
  • (98) 3301-4130 / 98603-9373
  • central@detalharweb.com.br

Somos uma empresa especializada em desenvolvimento de sites.
CNPJ: 13.798.270/0001-31

Localização

Newsletter

Receba novidades, promoções e artigos em seu e-mail.

 

© Copyright 2024 - DETALHAR - Criação de sites em São Luís - MA / Criação de site em Brasília - DF / Desenvolvimento de sites em Brasília - DF