Trabalhar online (para Viver em Flow)

Preparar, tratar e otimizar imagens para suas redes sociais, blog e site: Dicas, truques e programas que vão te ajudar

Preparar, tratar e otimizar imagens para o seu blog, site e redes sociais

Imagens… Como otimizar? Como tratar, cortar e subir imagens do tamanho certo para o seu blog, site, redes sociais? A internet está abarrotada de imagens e conteúdo… Mas percebemos que ao subir a imagem que queremos para o nosso blog, a imagem está pesada, lenta para carregar… E é aí que percebemos como é precioso ter a imagem no tamanho certo. Atendendo a pedidos de alguns amigos e também de clientes, resolvi escrever este post. a ideia é fazer algo simples, prático e rápido.

As imagens que estão em nossos sites e blogs precisam ser otimizadas, que quer dizer que você precisa subir ela já no tamanho (dimensão) e peso certos. Pareceu complicado, não? Só parece, mas não é. Depois que você pegar o jeito verá que é fácil. Vou tentar explicar:

Imagens: Dimensões, extensões e peso.

Essa parte sempre confunde muita gente, mas aos poucos dá certo. Dei algumas dicas sobre dimensões de Facebook aqui neste post que fiz sobre como criar uma página de facebook.

dimensao e imagem Dimensões

É o tamanho da imagem, isto é, largura e altura. O que faz as pessoas se confundirem um pouco aqui é o tipo de medida, que em vez de centímetro ou milímetro (utilizado para imagens e arquivos que serão impressos), é utilizada o PIXEL (resumidamente, é a medida dos milhares de milhões de quadradinhos que existem nos monitores, televisores, etc., e que tem um número – por exemplo, um monitor HD tem como base 1024 pixels de largura vezes 768 pixels de altura). Tá certo, agora vamos para a prática, como vemos isso? Assim:

dimensão da imagem

extensões e imagens Extensão

É o formato de arquivo (e compressão) que você utiliza. Talvez o mais conhecido seja o JPG ou JPEG (Joint Photographic Experts Group). Para internet, esta extensão é muito boa, mas também recomendo utilizar principalmente o PNG (Portable Network Graphics) ou GIF, que são extensões de compressão que permitem uma boa qualidade e ainda utilizar fundos transparentes, e os arquivos são mais leves.

peso e imagens Peso

Esse é simples, é quanto pesa cada arquivo. Para internet, quanto mais leve melhor, lembrando de não deixar perder resolução, claro.

Agora a parte complicada é saber o tamanho certo, já que cada site, cada blog (ou cada tema, por exemplo, de wordpress) tem um tamanho de imagem diferente. Você terá que procurar meios para descobrir o tamanho da imagem. Geralmente você pode ver na parte interna ou códigos html do seu site (idiom site) e blog. Mas… Para facilitar a vida existe o Chrome, que fez extensões muito boas como o Page Ruler, que nos permitem ver as dimensões de toda uma página Web.

page-ruler - medir tamanho da imagem

É só fazer o Download do App, instalar no Chrome, ativar e usar. Fácil, rápido e lindo!

Tente sempre diminuir o máximo do peso das imagens. Mas no geral, vai uma dica: para web, o ideal é que  TODAS imagens tenham menos de 500 kb, e no nosso mundo ideal? Menos de 200 kb. Com exceção das imagens de banners ou promocionais, dessas grandes que ficam em slides (aí podem ser mais pesadas, mas não abuse!). Um aplicativo fácil e prático, de browser mesmo, para deixar suas imagens comprimidas otimamente para seu site é o Optmizilla.

E Dica mais importante ainda: Lembre-se que quanto mais imagens, e maior o peso delas, mais tempo o seu site vai demorar para carregar. A pessoa que quer acessar seu site vai ficar esperando o site aparecer, e se, tiver internet ruim, ou um 3g no celular, demora mais ainda… Ela pode acabar desistindo. Então, novamente, é muito importante ter imagens otimizadas.

programas e aplicativos - imagens Programas e Aplicativos para imagens

Para finalizar e objetivar, vou colocar aqui alguns programas e aplicativos que nos ajudam a preparar imagens e deixá-las otimizadas para usar em nosso blog, site e redes sociais.

Page Ruler

page-ruler-imagem-icon

Extensão do Google Chrome que nos ajuda a saber as dimensões de tudo e qualquer site da internet.

Optmizilla

optimizilla-imagem

Aplicativo online que nos permite subir nossas imagens e ele comprime tudo, deixando muito mais leve e mantendo a qualidade, para subirmos para o nosso blog, redes sociais, etc.

GIMP

gimp-logo-imagem

É um programa livre (é grátis), muito similar ao photoshop, para edição e tratamento de imagens, como colocação e filtros, recortes e compressão de pesos e dimensões.

Photoshop

photoshop-imagem

O clássico e mais utilizado (e melhor) programa de edição e tratamento de imagens. É pago, e você pode comprá-lo criando sua assinatura no site da adobe, fabricante do app.

 

Existem muitos outros, mas acredito que com esses truquinhos e dicas vocês conseguem fazer tudo o que precisam em relação às imagens.

É isso aí por enquanto galera, tentei explicar brevemente para não ficar um textão grande. Qualquer dúvida ou pergunta pode me chamar ou deixar nos comentários.

A partir daqui, é prática 😉

You Might Also Like

1 Comment

  • Reply
    James
    10 de janeiro de 2018 at 09:11

    Oi pessoal, hoje encontrei um novo site (idiom site) on-line https://optimizejpeg.com/ para compactar nossa imagem e reduzir seu tamanho até 70% facilmente sem perda de qualidade, então se você quiser reduzir o tamanho da imagem e otimizar sua imagem, apenas confira esse site…
    obrigado..

  • Leave a Reply