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.
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:
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
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.
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.
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
Extensão do Google Chrome que nos ajuda a saber as dimensões de tudo e qualquer site da internet.
Optmizilla
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
É 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
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 😉
1 Comment
James
10 de janeiro de 2018 at 09:11Oi 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..