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 4276 times	
Tweet
Rate this item
1
2
3
4
5
(0 votes)
Published in Marketing Digital
Tagged under
site
website
seo
imagens
compactar
velocidade
Jarrid Lima
Latest from Jarrid Lima
Criação de Sites - Ministério Apostólico Internacional Shalom
Criação de Site - Sam Cursos
Criação de site - Ripel Pneus
Criação de Site - Escola Recanto do Saber
Criação de Site - Metal Forte Industrial
Related items
Criação de Site - Sam Cursos
Criação de site - Ripel Pneus
Criação de Site - Grupo Trevisan
Criação de Site - Emapla
Criação de Site - Detetive Queiroz
Leave a comment
Make sure you enter all the required information, indicated by an asterisk (*). HTML code is not allowed.	
Message *
enter your message here...
Name * Email * Website URL
back to top	
eBook Gratuito
Baixe gratuitamente nosso ebook "5 dicas rápidas para sua empresa estar na 1ª página do Google"
Curta nossa fanpage
Facebook
Categorias do blog
Tutoriais (0)
Blog (0)
Portfólio (250)
eBooks (1)
Redes Sociais (2)
Marketing Digital (40)
Empresa / Negócio (13)
Parceiros (1)
Joomla (1)
Extensões (2)
Contas de e-mail (4)
Chat online Tawk.to (1)
Área do Cliente (1)
Fale Conosco (1)
Aplicativos (7)
Tags do blog
android	aplicativo	blog	criar site	criação	criação de site	criação de sites	criação de website	criação de websites	desenvolvimento	desenvolvimento de site	desenvolvimento de sites	desenvolvimento de website	desenvolvimento de websites	desenvolvimento website	empresa	Google	igreja	loja virtual	ma	maranhao	site	site para empresa	sites	são luis	são luisma	são luis ma	website	websites	
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.
Veja também
Mapa do site
Extensões
TeamViewer para o seu suporte remoto!
© Copyright 2021 - 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