A Importância da Otimizacão das suas Imagens

É importante otimizar as imagens do seu site?
Sim, é muito importante que você utilize imagens com resoluções mais baixas para a página do seu blog. Com o uso de imagens de alta resolução, isso fará com que a imagem seja 10 vezes maior do que realmente é necessário para o seu blog. Isso fará com que o upload demore muito para carregar, principalmente se a sua conexão é lenta, e por isso o uso de imagens com baixa resolução é essencial. Lembre-se que usuários da internet querem gratificações instantâneas, e isso quer dizer que eles querem ver a imagem ou post ali, na hora. Esse negócio de ficar esperando carregar acaba cansando alguns leitores.
Mas como fazer a otimização das suas imagens?
Para otimizar as suas imagens, e deixá-las com baixa resolução sem perder a qualidade, você precisa de alguns softwares que possam editar as imagens. Existem milhares desses softwares disponíveis online e também para compra e instalação diretamente no seu computador. Normalmente nos usamos o Fireworks da Adobe Package, mas se você não quer investir em um software, você pode usar o editor de imagens online como o PickMonkey, lembra dele? Lá você pode modificar, fazer molduras, texto e tudo mais, e o melhor é que ele é grátis e online!
Quais são alguns dos formatos de imagem? Quais são as extensões com perda da qualidade e quais são as extensões sem perda?
Os três formatos mais comuns utilizados na web é .jpg (Joint Photographic Experts Group), .gif (Graphics Interchange Format), e .png (Portable Network Graphics). O .jpg é o formato “com perda” e .gif e .png são formatos “sem perda” .
Mas, o que significa dizer que .jpg é um formato “com perda”?
Imagens com esse format (.jpg) acaba, sim, afetando a qualidade da sua imagem. Quanto mais você otimizar a sua imagem de .jpg, menor será a qualidade da sua imagem. Do jeito que o .jpg trabalha, qualidade “0% ” é a menor qualidade, e a “100%” maior qualidade, que se resulta em arquivos muito grandes. Uma das nossas regras gerais aqui do CBBLogers é que tipicamente nós reduzimos as nossa imagens para 80% de qualidade, o que significa uma ótima qualidade para todas as nossas imagens.
Aqui vai alguns exemplos de qualidade de imagem com o formato do .jpg.
100% Qualidade, File Size: 255K
80% Qualidade, File Size: 55K
60% Qualidade, File Size: 39K
20% Qualidade, File Size: 19K
5% Qualidade, File Size: 18K
Quando eu devo usar o formato do .png ?
O formato de .png é melhor para imagens que são feitas de simples objetos ou quando você precisa que parte da sua imagem seja transparente. Se suas imagens são de um fotógrafo, então você deve usar um formato .jpg. Se você quiser usar os arquivos como .png e quiser fazer a otimização das fotos, existem vários serviços pela internet, como o TinyPNG. Mas muito cuidado quando usar esses tipos de serviços, porque às vezes eles acabam otimizando muito e a sua foto acaba ficando “com perda”.
Quando eu devo usar o formato de .gif ?
Você deve fazer uso do formato de .gif quando for colocar uma imagem animada, tipo “em ação”. Além das habilidade de criar imagens animadas, o formato de .gif é bem similar ao do .png, com a exceção de limitação de 256 cores, onde o formato de .png pode reproduzir 16.777.216 cores únicas.
Mais uma dica para o formato de .jpg
Outra dica para guardar: quando você for usar um formato de .jpg, você deve otimizar, mas não re-otimizar o mesmo arquivo. A primeira vez que você otimizar uma imagem no formato do .jpg você já perde um pouco de qualidade, e se você fizer em cima desse arquivo vai perder mais qualidade ainda. Então lembre-se, otimizar uma imagem apenas uma vez.
Você usa imagens otimizadas no seu blog? Que software você usa para fazer isso?
*imagens via Randy Son Of Robert e Rowan Peter
Tags: apps, dicas tech, imagens, segredos de sucesso, software
6 thoughts on “A Importância da Otimizacão das suas Imagens”
Deixe uma resposta
Leitores também acessaram:
-
Você já ouviu falar em jornada do cliente?
Há alguns anos as ações de Marketing eram 100% voltadas para o momento de decisão de compra do cliente. Com […]
-
Dicas para ter sucesso na estratégia de Marketing Digital
E para finalizar nossa série de artigos sobre Marketing Digital, confira cinco dicas essenciais para que o seu plano estratégico […]
-
Influenciadores Digitais X Vendas
Com uma comunicação direta através das redes sociais, os influenciadores digitais, em sua maioria, produzem conteúdo capaz de influenciar no […]
-
Impactando pessoas com Marketing Digital
Influenciadores, Criação de Conteúdo, E-mail Marketing, por onde começar? A internet é o 3° veículo de maior alcance no Brasil, […]
-
O que é marketing digital?
Iniciaremos hoje uma série de artigos sobre Marketing Digital, com informações e dicas, além de outras curiosidades. Mas o que […]
-
Instagram Reels: agora são 30 segundos de conteúdo!
O Instagram mais uma vez arrasou e trouxe mais uma novidade pra ajudar no nosso engajamento. A rede social mais […]
Costumo otimizar as imagens que coloco nos posts do meu blog sim, uso o Photoscape mesmo, na hora de salvar a imagem dá pra escolher quanto de tamanho ela terá. Na maioria das vezes uso imagens no formato .jpg .
http://www.petalasdeliberdade.blogspot.com.br
Costumo usar o Photoshop para editar minhas fotos. Minha câmera atual não ajuda muito, por isso tiro as fotos com resolução 3.0mp. Salvo todas em jpg…
http://borboletaglam.blogspot.com.br/
Eu costumo usar o Photoshop também!
Normalmente salvo as imagens normais dos posts em jpg; uso o png para as coisas do layout. 😉
Karla
http://www.fizdecanetinha.com
Boa tarde? muito legal esse post, eu estou com um grande problema
minhas fotos no banner rotativo estão boas mas as miniaturas estão com baixa resolução
quando eu coloco as imagens em anexo, no banner rotativo fica ruin.
Agora quando eu coloco em htm fica ao contrario (no banner fica bom e na miniatura fica ruin)
teria uma solução para esse problema?
Obrigado pela atenção
Oi Leandro, pelo o que vc descreveu, eu acho que o seu problema esta no seu template e não na resolução da foto.
Bjs, Ana
Nossa, e eu sempre salvava na mais alta resolução e em png, ou seja, tudo errado kkkkk
Muito obrigado pela matéria, vou otimizar as imagens a partir de agora!
http://www.crackcomlasanha.com.br/