Salvar imagem para Web

22 de novembro de 2016 Design

Olá meu polvo! (intro de tiozão que faz piada de pavê no Natal)

Hoje destinamos esse post para aqueles que possuem pequenas dificuldades em alterar tamanhos e proporções de imagens e não tem Photoshop a mão para realizar tais feitos!
Ou seja, é um Guia para editar imagens no Paint 😀

Se você possui uma plataforma WordPress, Wix ou outra do tipo “Faça você mesmo” e tem reparado que suas imagens estão deixando seu site lento, continue lendo!

Noções básicas de resolução

Você pode tirar fotos utilizando um celular ou uma câmera (amadora, de entrada, profissional, etc), cada um desses dispositivos tira fotos em dimensões diferentes por causa de suas resoluções.
Quando eu digo resoluções, são os famosos Mega pixels. A famigerada TEKPIX tinha 5.2 mega pixels e hoje o celular Moto X Play tem 21 mega pixels na câmera traseira, permitindo fotos de até 5291×3968 pixels.

Como avaliar se a imagem tem dimensões muito grandes

Como descobrir as dimensões da imagem no Windows?

Para exibir as dimensões de todas as imagens em lista, siga os seguintes passos:

Clique na área em branco da janela e vá no menu: Exibir > Detalhes

Clique com botão direito na área em branco da janela e vá no menu: Exibir > Detalhes

Clique com o botão direito em um dos nomes das colunas e escolha "Mais"

Clique com o botão direito em um dos nomes das colunas e escolha “Mais”

Na lista em aberto, selecione a opção "Dimensões" e dê "OK"

Na lista em aberto, selecione a opção “Dimensões” e dê “OK”

Veja que a coluna de dimensões foi ativada.

Veja que a coluna de dimensões foi ativada.

Com o que posso comparar para entender o quão grande é determinada imagem?

As maiores resoluções populares de telas de computadores atualmente(2016) giram em torno de 1920px x 1080px (largura x altura), em outras palavras, uma foto do Moto X Play é quase 3x o tamanho dessa tela. Logo, podemos afirmar que qualquer imagem acima de 2000px de largura e 1100px de altura, já é muito grande.

Este é um exemplo de notebook com placa de vídeo que pode alcançar essa resolução. E se você não sabe para que serve uma placa de vídeo mas deseja saber, assista esse vídeo.

Como avaliar se a imagem é muito pesada

Imagens de dimensões iguais podem possuir tamanhos diferentes e nossa principal preocupação nesse caso, deve ser a extensão do arquivo. Por exemplo: .jpg, .gif, .png, .bmp, .tiff, .raw, entre outros.

Cada extensão apresenta um nível de compactação maior ou menor, as mais indicadas para web são as que possuem maior compactação: .jpg, .gif e .png.
Uma diferença básica entre elas e que vale menção, é que .png e .gif permitem fundos transparentes, enquanto .jpg não!

E o Paint não permite salvar imagens com transparência.

Para conferir o tamanho das imagens no Windows, simplesmente repita os passos do tópico Como descobrir as dimensões da imagem no Windows?, substituindo “Dimensões” por “Tamanho”.

Ao selecionar uma única imagem dentro de uma pasta no Windows, você verá que na parte inferior da janela também será exibido o tamanho em Mb. No meu caso: 3,11Mb (bem pesada).

imagem-pesada

Como redimensionar imagens no Paint

Abrindo o Paint

Vá no menu do Windows > “Todos os programas” > “Acessórios do Windows”;
Você pode seguir esse passo-a-passo para Windows 8 ou esse para Windows 10.

Escolhendo a imagem

Com o programa aberto, vá até o menu “Arquivo” > “Abrir” ou aperte Ctrl + O;
Escolha sua imagem e clique em “Abrir”.

Redimensionando

  • Clique no botão “Redimensionar”;
  • Escolha entre “Percentagem” ou “Pixels”;
  • Altere as medidas conforme desejado;
  • Certifique-se que a opção “Manter taxa de proporção” esteja ativa;
  • Dê “OK”;
  • Salve e seja feliz 🙂

passo2


Bônus

Se você precisar medir elementos e áreas em um site para inserir uma imagem do tamanho exato, use a extensão do Chrome, Page Ruler 🙂