Prepare suas imagens para a web com este plugin do GIMP

Imagens para a web, geralmente usadas em blogs e sites precisam ter boa qualidade.
Ao mesmo tempo, é importante ter a preocupação com “o peso” da imagem

Imagem muito “pesadas”, ou seja, de tamanho muito grande, penalizam o seu site ao demorar pra carregar.
Se você costuma ter muitas visitas por dia, servir várias imagens pesadas, de várias páginas, pode se tornar um problema para você.

Alguns provedores cobram a mais pelo tráfego, outros penalizam quem ultrapassa o limite preestabelecido no contrato de adesão.
Mesmo quem usa um provedor sem limites de tráfego precisa se preocupar com a velocidade com que seu site chega à sua audiência — ou seja, a velocidade de conexão do seu visitante.
O pior mesmo é que o visitante pode ir embora, por que seu site demora muito para carregar.

Neste post, vou mostrar como tratar e gravar suas imagens, rapidamente, para a web.
É mais ou menos o que sites de redes sociais, como Facebook, Twitter, Instagram etc. fazem automaticamente com suas fotos.
Mesmo que você as tire usando uma câmera com capacidade de 40 megapixels, esta qualidade não será servida pelo Instagram, para citar um exemplo.
Pelo contrário. Assim que você faz o upload da sua imagem ou vídeo, ela é tratada para ser exibida com a melhor qualidade possível, porém com menor quantidade de informações.

Faça com o seu site ou blog a mesma coisa que o Instagram faz: trate as imagens, para que fiquem com menor tamanho, mantendo a maior qualidade possível.

Tudo isto pode ser feito, usando as opções padrão do GIMP, mas a extensão Save for web, agrupa todos os ajustes em uma única tela.
Para estes casos, existe uma extensão (ou add on), presente no pacote gimp-plugin-registry.
Expliquei como instalar aqui.
O pacote contem o plug in “Save for web” (ou “Salvar para web”), que automatiza o trabalho para você.
Salvar imagem para web

Depois de instalado, você pode gravar suas imagens para a web, a partir do menu arquivo:
Selecione Arquivo/Salvar para web.
salvar para web

O painel permite selecionar o tipo de arquivo e uma série de recursos que ajudam a reduzir o tamanho final do arquivo.
Fique atento ao tamanho do arquivo, na barra de status do painel e à qualidade visual dele, na sessão de preview.

O que você precisa fazer, aqui, é ter em mente a maneira como as suas páginas são visualizadas.
O pessoal do Instagram trabalha com uma audiência predominante de celular (e tablets, eventualmente) — então não faz sentido mostrar imagens com larguras superiores a 4096 pixels, por exemplo.
Se a maioria dos seus leitores usa celular, você também pode reduzir consideravelmente o tamanho das suas imagens.
Use a janela de pré-visualização, à direita, para verificar se o comprometimento da qualidade está aceitável em relação ao “peso” da imagem.

Como trabalhar com presets no GIMP

No mundo dos softwares proprietários, estão trocando e distribuindo presets a torto e a direito… e no GIMP?!
Como posso criar e usar presets no GIMP?

O GIMP cria presets automaticamente e ainda permite gerenciar seus ajustes personalizados de inúmeras formas.

O que são presets?

Ao editar imagens dentro do GIMP – ou qualquer outro editor – você sempre vai querer obter os melhores resultados.

Às vezes apanhamos um pouco (ou muito) para conseguir obter aqueles ajustes perfeitos de tons/tonalidades para determinados tipos de imagens.
Não é um trabalho fácil.

Como criar presets no GIMP?

Geralmente, os ajustes necessários para obter o melhor tom costumam ser o balanco de cores, saturação, matiz, curvas etc.
No GIMP, tais ajustes ficam agrupados no menu Ferramentas/Ferramentas de Cores.
gimp - ferramentas de cor

Ao editar fotos relativamente similares, pode se beneficiar de aplicar o mesmo conjunto de ajustes que funcionou em uma delas, nas outras.
Preset, quer dizer pré-ajustado.
Com este recurso, não é necessário memorizar tudo o que foi feito na imagem anterior.
Os presets, permitem usar os ajustes aplicados à imagem anterior em qualquer outra.
menu de presets

Se você tem um conjunto de 10 fotos de flores, só precisa fazer os ajustes de tons na primeira e reaplicá-lo nas outras fotos.
É para isto que servem os presets — é para poupar o seu tempo.

Outra forma de usar os presets, é aplicar efeitos prontos em suas imagens, semelhantes aos dos filtros do Instagram, Flickr, Google Photos etc.

A cada vez que você realiza um ajuste nas ferramentas de cores (exceto a “dessaturação”, “posterizar” e outros plugins prontos), o GIMP já salva automaticamente, como um preset — pronto para ser usado outras vezes.
Como padrão, cada preset é gravado com um título, que inclui a data e a hora de sua criação — mas você pode (e deve) usar nomes que ajudem a entender melhor o que aquele “pré-ajuste” específico faz.
nome do preset

Você também pode gravar seus presets favoritos em arquivos, para levá-los a outro computador ou compartilhar com outras pessoas.

Como gravar seus presets em arquivos

Para alguns fotógrafos ou editores excepcionais, os presets podem ser valiosos.
É comum distribuírem seus pré-ajustes entre seus clientes ou seguidores na rede social.
Alguns profissionais vendem seus presets, para Lightroom, por exemplo.
Não há qualquer impedimento para você vender os que criou no GIMP.
Como eu disse antes, dá para gravar seus presets em arquivos — para guardar, distribuir, comercializar etc.
Para isso, selecione um dos seus presets do menu dropdown e clique sobre o símbolo de menu, à direita do painel de ajustes.
Em seguida selecione “Exportar configurações para arquivo”.
gimp exportar preset

Você pode salvar o seu arquivo aonde quiser.
Para ter um acesso mas fácil a seus presets, sugiro usar uma pasta específica, no seu sistema, para eles.
gravar presets no GIMP

Como adicionar 40 novas extensões e plug ins para o GIMP

Um dos pontos fortes do programa de edição e manipulação de imagens GIMP, é o fato de que sua instalação padrão é extremamente leve.
Isto dá ao usuário básico, um ótimo conjunto de ferramentas pronto para começar a usar.

À medida em que seu uso vai se tornando avançado, o usuário pode instalar ferramentas mas sofisticadas, através de plugins, scripts, add ons etc.
Alguns plugins pode ser baixados e instalados individualmente.
No post de hoje, vou mostrar como baixar uma coletânea de mais de 40 extensões para usar no GIMP.
Algumas trazem melhorias substanciais ao editor outras automatizam tarefas árduas e complexas.
Conheça o pacote gimp-plugin-registry que abre um repositório com dezenas de extensões.

Use o seu gestor de pacotes (apt, yum, dnf etc) para fazer o download e a instalação via terminal.
Veja um exemplo do procedimento no Debian (ou Ubuntu):


sudo apt install gimp-plugin-registry

O pacote adiciona os seguintes itens:

  • Add Film Grain
    Ajuda a adicionar um efeito realístico de granularidade a imagens em preto e branco.
  • btn4ws
    Gera uma série de botões, com vários efeitos codificados em XHTML, CSS e JavaScript (alô web designers!) in 3 estados prontos: passivo, ativo e pressionado.
    Tudo pronto para ser usado.
  • Black and White Film Simulation
    Converte uma camada selecionada em preto e branco, usando misturador de canais.
    Tenta produzir um resultado assemelhado à qualidade tonal de um filme.
  • CMYK Tiff 2 PDF for Gimp
    Este plugin completa o fluxo de trabalho de pré-impressão usando o Seperate+ para gerar imagens CMYK Tiff — o que permite converter o miff CMYK Tiff em arquivos PDF.
  • Contact Sheet
    Gera uma folha de contatos para um diretório de imagens.
  • David’s Batch Processor
    Uma extensão simples para realizar processamento automático em lotes — tal como redimensionamento de uma grande quantidade de imagens.
  • Diana-Holga2
    Simulador do efeito de câmera de brinquedo conhecido como Diana/Holga Toys Cameras.
  • El Samuko GIMP Scripts
  • Antique Photo Border Script
    Simula uma borda amarelada e levemente irregular, como nas fotos antigas do seu álbum de família.
  • Che Guevara Script
    O Jim Fitzpatrick desenvolveu este script que gera uma poster baseado no visual da famosa foto do Che Guevara.
  • Cyanotype Script
    Simula o processo de impressão Cyanotype.
  • Difference Layer Script
    Gera duas camadas de diferença das duas camadas superiores na sua imagem.
    É semelhante ao plugin padrão Grain Extract/Merge, só que com uma faixa tonal mais larga e algumas opções de ajuste adicionais.
  • Escape Line Script
    Cria linhas de escape a partir de qualquer ponto.
    É similar ao Line-Nova padrão, só que muito mais flexível.
  • Film Grain Script
    Simula a granularidade presente em fotos com ISO alto.
  • First Photo Border Script
    Simula o cut-off da primeira foto de um rolo de filme de câmeras baratas (como a Lomo).
  • Lomo Script with Old Style Colors
    Falando em Lomo… este simula o popular efeito da câmera.
  • Movie 300 Script
    Simula o estilo de cores do filme “300”.
  • National Geographic Script
    Simula uma foto de alta qualidade (retrato) como as do National Geographic.
  • Obama “HOPE” Script
    Gera um post com o efeito popularizado na campanha do ex-presidente norte-americano.
  • Rainy Landscape Script
    Dá uma aparência chuvosa/molhada a uma paisagem.
  • Sunny Landscape Script
    Altera a aparência de uma paisagem de chuvosa para ensolarada.
  • Photochrom Script
    Simula uma imagem photochrom – um processo de impressão usado nos anos 1890.
  • Sprocket Hole Script
    Simula tiras de filme 35mm expostas completamente com números de quadros, letras, sprocketholes sobrepostos e códigos de barras de borda de película DX.
  • Technicolor 2 Color Script
    Simula o efeito de 2 cores do efeito Technicolor.
  • Technicolor 3 Color Script
    Simula o efeito de 3 cores do efeito Technicolor.
  • Vintage Look Script
    Dá o efeito de “anos 70” a uma foto.
  • Fix-CA
    Corrige aberração cromática de fotos.
  • Focus-Blur
    Tenta simular desfoque da imagem.
  • Layer-Effects
    Série de scripts que implementa vários efeitos sobre camadas:
    Drop Shadow, Inner Shadow, Outer Glow, Inner Glow, Bevel e Emboss, Satin, Color Overlay, Gradient Overlay, Pattern Overlay e Stroke.
  • Liquid Rescale
    Redimensionamento contextual do conteúdo.
    Mantém os recursos da imagem enquanto redimensiona ao longo de uma única direção.
  • Normalmap
    Permite converter imagens para mapas RGB normais, para usar em aplicações de iluminação per-pixel.
  • Planet Render
    Cria um planeta, com possibilidades de ajustes de cor, tamanho e orientação do sol.
  • Refocus
    Durante algumas operações de processamento de imagens, tais como o redimensionamento/reescalonamento, elas tendem a ficar borradas.
    Isto ocorre porque os pixels assumem as cores médias, encontradas nas suas vizinhanças.
    O plugin tenta enfocar novamente as imagens com o uso de filtros FIR Wiener.
  • Save for Web
    Para quem pretende postar iamgens em site ou blog próprio e se preocupa com o “peso” da imagem e a largura de banda consumida para entregá-la aos leitores.
    O script permite experimentar vários formatos comuns, com exibição de estatísticas, para facilitar sua decisão.
  • Separate+
    É um plugin que gera separações de cores a partir de uma imagem RGB, provas as cores CMYK no monitor e as exporta para CMYK TIFF.
  • Smart Sharpen (redux)
    Implementa a versão redux da nitidez inteligente.
    Ele utiliza o plugin Unsharp Mask ou Refocus para aprimorar o resultado.
  • Streak-Camera simulation
    Simula o efeito de câmeras Streak — usadas para medir a duração do pulso de sistemas laser super rápidos.
  • Wavelet Decompose
    Decompõe uma camada da imagem em camadas de escala wavelet. Isto possibilita editar a imagem em diferentes escalas de detalhamento (frequências).
  • Wavelet Denoise
    Ferramenta para reduzir seletivamente o ruído em canais individuais de uma imagem, com conversão opcional de RGB para YCBCr.
  • X11 Mouse Cursor (XMC) plug-in
    Habilita o GIMP para importar e exportar arquivos de personalização do cursor do mouse, para a interface gráfica baseada em X11.

Como obter fácil mais opções de texturas e pincéis no GIMP

Nos repositórios da sua distro Linux favorita podem ser encontrados pacotes de extensão dos recursos do GIMP.
Um destes pacotes traz algumas opções a mais de texturas de preenchimento e opções de pincéis prontos para você usar no GIMP.

Para instalar (Debian/Ubuntu) use o apt, no terminal:


sudo apt install gimp-data-extras

Formatos do pincel no GIMP

No GIMP 2.8.20, são instalados originalmente 54 formatos de pincel.
Após a atualização serão 91. São quase 40 novos itens.
formatos pincel GIMP

Texturas no GIMP

Para preencher áreas e objetos, o pacote mantido por Ari Pollak, adiciona uma centena de novas texturas ao GIMP.
A instalação padrão, que visa a leveza, conta com 59 possíveis opções de texturas.
Após a instalação do pacote gimp-data-extras, serão 169!
gimp texturas

Um aumento de 115 novas texturas para você brincar no editor.
Nada mal, não é? 😉

Resolução da imagem no GIMP

Pixeis, são pequenos pontos, usualmente retangulares, que, em conjunto com milhares ou milhões de outros pixeis, compõem ou formam uma outra imagem, mais complexa.
A densidade de pontos contidos em uma determinada imagem, é chamada de “resolução”.

Quanto mais pixeis, maior a resolução da imagem.
Comumente, a resolução é expressa nas unidades de DPI (dots per inch, ou pontos por polegada) ou PPI (pixels por polegada).

No GIMP, é usado o termo “pixels-in“, bem como a unidade ‘ppi’.
O tamanho de uma imagem depende de sua resolução — ainda que possa ser medida também em polegadas (inches), centímetros, milímetros etc.

Se usarmos o GIMP para transformar uma imagem, cuja resolução seja 300 dpi, para 72 dpi, seu tamanho (em altura e largura) quadruplica — ainda que, sem a interpolação, o número de pontos permaneça o mesmo.

Por isto, recomenda-se escanear imagem à resolução de 300 dpi, principalmente se vocẽ tiver a intenção de editá-la ou reimprimi-la posteriormente, na mesma escala.
Se pretende aumentar (redimensionando), use uma resolução superior ao escanear.
A proporção é, se deseja dobrar o tamanho da imagem, escaneie-a a uma resolução 4X superior, ou seja, a 1200 dpi.

Já, para usar imagens na Internet, a resolução pode e deve ser sempre menor, por 2 motivos básicos:

  1. Se a audiência ou público-alvo vai acessar o conteúdo de smartphones ou tablets, não há necessidade de altas resoluções e imagens extremamente detalhadas.
  2. Pense em quem vai acessar o conteúdo usando uma conexão via operadora (tipo 3G, 4G etc.) que, além de mais lenta é cara. Neste contexto, há mais benefício em imagens menores.

Imagens menores implicam em tamanhos menores de arquivos, que custam menos para serem transferidas pela rede.
Fotos para o Instagram, raramente são impressas ou visualizadas por mais de alguns segundos, então… para que este “excesso” de detalhamento?

No GIMP, use o atalho Ctrl + Shift + S (Salvar Como) para gravar uma cópia da imagem, antes de experimentar outros tamanhos e resoluções.

Se pretende postar na Internet, encontre um equilíbrio entre a resolução (qualidade) e o tamanho final do arquivo (velocidade), para que as pessoas possam ver logo seu trabalho, sem a necessidade de ficar “horas” esperando que carreguem.

Em tempo, redes sociais, como Facebook, Instagram, Twitter … já possuem mecanismos internos de redução da resolução das suas imagens. Desta maneira, é inútil enviar para lá fotos de dezenas de megapixels.

Leia mais sobre o GIMP.

Referências

https://pt.wikipedia.org/wiki/Pixel.