2 ferramentas gratuitas para preparar imagens para a Web [Mac]

Propaganda

Uma maneira de apimentar suas palavras é adicionando imagens relacionadas ao texto. Quanto mais e melhores imagens você usar, mais apimentadas serão suas histórias. Mas, em termos de páginas da web e blogs, mais imagens também são iguais a tamanhos de página maiores e tempos de carregamento mais longos - algo que todo proprietário de web deve evitar. Se a eliminação das imagens não for uma opção, a única coisa a fazer é otimizá-las para a web.

Infelizmente, otimizar imagens para uso na Web nem sempre é um passeio no parque, especialmente se você precisar lidar com muitas delas regularmente. Se você é um usuário de Mac, existem várias ferramentas gratuitas que podem ajudá-lo a minimizar o problema de preparar imagens da Web.

Adquirindo as imagens

Não vou muito longe aqui, já que o tópico já foi discutido várias vezes. Existem várias maneiras de adquirir imagens para a Web, tirando suas próprias fotos usando um câmera digital Um guia para iniciantes em fotografia digitalA fotografia digital é um ótimo hobby, mas também pode ser intimidante. Este guia para iniciantes dirá tudo o que você precisa saber para começar!

consulte Mais informação , usando o Creative Commons licenciado imagens, para capturar imagens na tela da área de trabalho.

Falando em captura de tela, existem várias ferramentas gratuitas para Mac 5 ferramentas alternativas de captura de tela para o seu Mac consulte Mais informação que você pode usar para esse fim. Eu pessoalmente uso Jing Como tirar uma melhor imagem de tela com o Jing (Mac) consulte Mais informação ou Skitch.

Redimensionar e renomear usando ResizeMe

Na maioria das vezes, você não obtém o tamanho correto das imagens na primeira vez, seja o tamanho da imagem (pixels) ou o tamanho do arquivo (bytes).

A limitação para o tamanho da imagem geralmente vem do ponto de vista do design. Você não deve colocar uma imagem de 600 pixels em uma coluna de blog de 500 pixels. Ele sairá da fronteira e tornará a aparência feia.

Para resolver o problema de pixel, você pode cortar ou redimensionar as imagens grandes. Encontrei uma ótima ferramenta chamada ResizeMe isso pode ajudá-lo a realizar essas tarefas - e muito mais - em massa.

Usar o ResizeMe é tão fácil quanto arrastar e soltar imagens que você deseja modificar na lista de arquivos.

Escolha as ações que você deseja aplicar a essas imagens. Na imagem abaixo, defino a ação para reduzir qualquer imagem com mais de 580 pixels sem modificar a altura. Também defino a ação para não modificar nenhuma imagem com largura menor que a largura máxima.

O aplicativo também permite que os usuários cortem imagens no tamanho desejado. Cortar imagens muito grandes em várias menores é mais favorável do que redimensionar, porque na maioria das vezes o redimensionamento prejudica a qualidade da imagem e torna a imagem pouco clara.

Se você usar várias imagens para cada artigo de blog que escrever, será melhor organizar o conjunto adicionando palavras-chave semelhantes aos seus nomes. Por exemplo, as imagens de um artigo sobre ferramentas de captura de tela podem ser renomeadas para "scrnsht - imagem1“, “scrnsht - imagem2", e assim por diante.

Você poderia usar a ajuda de Automator para renomear imagens em lote Como usar o Automator para renomear imagens em lote no Mac consulte Mais informação no seu Mac ou para um sistema de renomeação mais flexível, você pode experimentar um utilitário como NameChanger Renomeie seus arquivos com facilidade em lote - estilo Mac (somente Mac) consulte Mais informação . Se você não quiser usar outros aplicativos, o ResizeMe também possui a capacidade de renomear arquivos. Basta escolher uma função da lista, marque a opção "Renomear”E anote as instâncias que deseja renomear.

Outro redimensionamento usando o ImageOptim

Outro fator de tamanho com o qual precisamos lidar é o tamanho do arquivo. Precisamos de tamanhos de imagem menores, mantendo a qualidade da imagem. A maioria dos manipuladores de imagem gigantes vem com a capacidade de preparar imagens para a Web. Mas se tudo o que você precisa é compactar o tamanho, você pode usar ImageOptim.

Semelhante ao ResizeMe, o uso do ImageOptim também é simples de arrastar e soltar. Todas as imagens que você soltar no aplicativo serão automaticamente otimizadas para o menor tamanho possível sem sacrificar a qualidade. Ele faz a mágica encontrando os melhores parâmetros de compactação e removendo comentários e perfis de cores desnecessários.

A coluna de porcentagem informa quanto inchaço o aplicativo pode eliminar das imagens. O perfeccionista pode usar o "Novamente”Para ajudá-los a extrair mais um por cento do tamanho da imagem. Você pode pressionar o botão várias vezes até que a coluna de porcentagem mostre 0%.

Ao comparar os resultados, podemos ver que o ImageOptim faz seu trabalho bem. Às vezes, pode eliminar mais de 50% do peso da imagem.

Isso é antes de usar o ImageOptim.

E isso é depois.

Embora o valor seja igual a apenas alguns kilobytes de perda de tamanho de imagem cada um, quando você soma tudo, esses minúsculos kilobytes podem significar algo para o tamanho e a largura de banda gerais do site.

O que eu mais gosto neste aplicativo é que ele vem com um fluxo de trabalho. Se você abrir o fluxo de trabalho com o Automator e salvá-lo, ele será transformado em um serviço Mac. Desde que você pode atribuir atalhos aos serviços Como ser mais produtivo no Mac com a ajuda dos serviços consulte Mais informação , você pode usar o aplicativo mais rapidamente simplesmente selecionando imagens para otimizar e clicar na combinação de atalhos.

Pela minha experiência pessoal, posso dizer que a combinação de ResizeMe e ImageOptim me ajudou a economizar muito tempo na preparação de imagens para uso na Web. Mas não aceite minha palavra, tente você mesmo e compartilhe o que pensa nos comentários abaixo. E se você tem seus próprios favoritos, fique à vontade para compartilhá-los também.