Descrição do aplicativo Squoosh

O Squoosh é um aplicativo online desenvolvido pela equipe do Google Chrome Labs para ajudar os usuários a reduzir facilmente o tamanho dos arquivos de imagem com apenas alguns cliques sem alterar sua qualidade visual.

Para isso, a ferramenta conta com recursos avançados para otimização de imagens e, curiosamente, o Squoosh é totalmente gratuito. Ele oferece suporte a uma ampla variedade de formatos da Web (JPG, MozJPEG, WebP, PNG) e também está disponível como um projeto de código aberto no GitHub.

O que é o aplicativo Squoosh?

O Squoosh continua sendo uma das soluções de compactação e redimensionamento de imagens mais fáceis de usar, mas altamente personalizáveis ​​para a Web que você encontrará.

A ferramenta é resultado de um projeto de desenvolvimento de código aberto criado pela equipe do Google Chrome Labs para fornecer aos usuários melhores recursos de otimização de imagem.

De fato, considerando os recursos oferecidos pelo Squoosh App, a ferramenta continua sendo uma alternativa eficaz para muitas soluções pagas de otimização de imagem.

O Squoosh permite que você veja em tempo real as melhorias feitas em sua imagem e o tamanho exato do arquivo.

Assim, você pode comparar facilmente os resultados e ver quantos bytes o Squoosh economizou.

A ferramenta funciona diretamente online como um software web e possui um recurso que permite continuar otimizando sua imagem mesmo estando offline.

Depois que as modificações estiverem concluídas, você poderá salvar a versão otimizada da imagem localmente em sua máquina.

Além disso, se desejar, você pode baixar a versão do aplicativo para desktop para instalar e usar a ferramenta diretamente no seu computador.

A versão web do Squoosh permanece bastante simples de usar e pode ser facilmente aprendida até mesmo por iniciantes em modificação de imagens.

Para desenvolvedores que desejam visualizar o código-fonte da ferramenta, o Squoosh também está disponível como um programa de código aberto emGitHub.

Squoosh App: Como usar a ferramenta para otimizar suas imagens

Dependendo de quão familiarizado você está com os recursos do Squoosh, você pode realizar compactação de imagem simples ou avançada.

Para permitir que todos possam reproduzir com sucesso as diferentes etapas que serão apresentadas neste guia, mostraremos apenas como usar o Squoosh para compactação simples:

• Para começar, você precisa ir para oPágina inicial do Squoosh
• Em seguida, carregue a imagem para compactar. Para fazer isso, você tem a opção de arrastar e soltar a imagem ou importá-la do seletor de arquivos.

Após uma importação, o Squoosh exibe as imagens por padrão em 100% do tamanho da imagem. Para imagens muito grandes, você pode diminuir um pouco o zoom para ver a imagem inteira no painel do Squoosh.

Uma vez carregada a imagem no Squoosh, é importante avaliá-la para saber com clareza o que precisa ser feito para otimizá-la.

Por isso :

Qual o tamanho ideal de imagens que você precisa para proporcionar uma melhor experiência de usuário aos seus visitantes?

Se for uma imagem que vai ocupar apenas metade da janela, uma dimensão de 600 ou 700 pixels de largura já seria suficiente.

Qual é o tipo de arquivo ideal para a sua imagem?

O tipo de arquivo também é um aspecto importante a considerar antes de otimizar sua imagem.

Escolher um tipo de arquivo também significa escolher o tipo de compactação que será usado para a imagem.

O fato é que nem todas as imagens têm os mesmos requisitos. Alguns podem exigir um fundo claro, outros um grande número de cores.

Escolher o tipo certo de arquivo de compactação ajuda bastante na otimização da imagem.

Aqui está a lista de formatos de imagem suportados pelo Squoosh:

• JPG – Recomendado para fotos, gradientes e outras imagens com muita cor
• PNG – Recomendado para imagens com fundo claro e ilustrações com poucas cores
• WebP – Recomendado para imagens avançadas (não funciona em todos os navegadores)
• AVIF – Recomendado para imagens avançadas (não funciona em todos os navegadores)

Depois de ter uma ideia do tamanho e tipo de formato ideais para seus arquivos de imagem, você pode ajustar as configurações oferecidas pelo Squoosh.

Então você pode baixar a versão otimizada de sua imagem clicando no botão de download no canto inferior direito da tela.

O arquivo será armazenado em seu local de download padrão.

Squoosh App: Entendendo a interface da ferramenta

Quando você carrega uma imagem no Squoosh pela primeira vez, pode se sentir um pouco perdido com todas as opções que a ferramenta tem a oferecer.

Para ajudá-lo a se familiarizar com a ferramenta, abordaremos alguns fundamentos diferentes que você encontrará na interface do Squoosh:

O cursor com setas rosa e azuis:Este é o controle deslizante que divide sua imagem em duas partes: ‘antes’ e ‘depois’.

A parte à esquerda mostra uma prévia da imagem original eo da direita mostra uma prévia da versão compactada. Este controle deslizante pode ser arrastado para a esquerda e para a direita para alterar ambas as partes.

No entanto, deve-se reconhecer que é um pouco difícil ver a diferença entre as duas partes. O problema é que as configurações de otimização padrão que o Squoosh oferece são bastante semelhantes.

Os parâmetros de otimização (localizados à sua direita):No canto inferior direito da tela, você tem opções de otimização que controlam como a imagem será compactada.

Essas configurações levam em consideração o formato de compactação, opções de redimensionamento e muito mais.

Não poderemos percorrer todas as opções oferecidas pela ferramenta neste guia. No entanto, você pode se divertir experimentando-os para ver como ficam e escolher os que mais lhe agradam.

Configurações de imagem (localizadas à sua esquerda):A parte à esquerda é reservada a priori para ter uma prévia do arquivo de imagem original que você carregou no Squoosh. Mas ela podeser também usado para comparar doisdiferenteversões comprimidas da mesma imagem.

Para isso, clique nas setas localizadas na barra “Editar” para copiar as configurações de compactação (à direita) e substituí-las pelas da imagem original (à esquerda).

A visualização original deve ser substituída. Você pode então continuar a modificar a imagem (na parte à direita) para comparar esta nova versão comprimida da imagem com a antiga.

Controles de download: Na parte inferior de cada parte, você pode ver o tamanho final do arquivo de imagem, bem como a redução percentual da versão original. Em ambos os lados, você também tem um botão de download para salvar os novos arquivos de imagem compactados.

Squoosh App: A versão do aplicativo para desktop

O Squoosh também existe como um aplicativo de desktop que você pode baixar e instalar em seu computador.

Esta versão para desktop da ferramenta oferece:

• Manipulação de imagem mais fácil
• Melhor qualidade de imagem
• A capacidade de editar suas imagens offline
• Uma interface maior
• 100% grátis

Aplicativo Squoosh: prós e contras

O Squoosh não é o único aplicativo de compactação de imagem, masa ferramenta não sem dúvida entre os melhores.

Benefícios

• Interface de usuário amigável e fácil de aprender
• Respeito pela privacidade
• Capacidade de ver ajustes em tempo real
• Ferramenta totalmente gratuita

Desvantagens

• Só pode processar uma imagem por vez