Um guia para o Squoosh.App do Google

Precisa compactar e otimizar as imagens em seu site para melhorar o desempenho do site? A ferramenta de compressão de imagem do Google Squoosh.App pode ser uma ótima opção para você. Neste artigo, veremos o que é o Squoosh, como usá-lo e como ele pode ajudar os proprietários de sites a otimizar seus sites para fornecer a melhor experiência possível aos usuários.

O que é o Squoosh.App?

O Squoosh.App do Google é um aplicativo de compactação de imagem de código aberto criado pelo GoogleChromeLabs. O Squoosh é baseado em navegador e projetado especificamente para compactar imagens grandes para carregamento mais rápido em qualquer navegador da web. O aplicativo é gratuito para qualquer pessoa usar e funciona online e offline em todos os principais navegadores, como Chrome, Firefox e Safari.

O Squoosh é executado no GitHub como parte de um projeto exploratório maior voltado para a otimização de sites. Como imagens grandes e de alta resolução podem retardar o carregamento do site e fazer parte de núcleos mais baixos em vários Core Web Vitals, o Google tem como objetivo ajudar os proprietários de sites a compactar suas imagens para melhor desempenho do site e velocidades de navegação ideais.

A tela do Squoosh é dividida para que os usuários possam ver os resultados antes e depois de sua compressão de imagem. Essa ferramenta oferece uma prévia das diferenças muitas vezes insignificantes - se perceptíveis - entre as imagens originais e compactadas. No entanto, as imagens que foram compactadas e otimizadas para velocidade contribuem para tempos de carregamento mais rápidos e uma melhor experiência do usuário. Eles podem até ajudar a aumentar seu ranking de SEO.

A compactação de uma imagem no Squoosh é rápida e fácil, e os usuários podem baixar suas imagens compactadas logo após a edição. Agora, vamos dar uma olhada em como usar o aplicativo.

Como usar o Squoosh.App

Quer comprimir uma imagem no Squoosh? É um processo intuitivo e simples, tão simples quanto fazer upload, editar e salvar sua imagem otimizada para a web.

Primeiro, abra uma nova janela do navegador e navegue até https://squoosh.app/.

Em seguida, você pode carregar ou arrastar e soltar sua própria imagem no editor. (Você não poderá trabalhar em lotes, infelizmente, então escolha uma imagem por vez.)

Sua imagem anterior está no lado esquerdo da barra deslizante, com a imagem posterior à direita. Aumente e diminua o zoom usando a ferramenta de zoom na parte inferior central da tela.

Alternativamente, você pode escolher uma das imagens fornecidas na parte inferior da tela para ver como o editor funciona.

Depois de enviar sua imagem, você pode começar a ajustá-la usando a interface do navegador. O controle deslizante de comparação mostrará a diferença entre a imagem original e a imagem compactada para que você possa manter o nível de qualidade de imagem necessário para seu projeto.

A caixa Compactar no canto inferior esquerdo da tela mostra sua imagem original por padrão. Você pode usar o menu suspenso para visualizar diferentes opções de imagem:

• AVIF
• Navegador JPEG
• Navegador PNG
• JPEG XL (beta)
• MozJPEG
• Oxi PNG
• WebP
• WebP v2 (instável)

Editando sua imagem no Squoosh

No canto inferior direito da tela, você verá o menu Editar. Se você optar por redimensionar a imagem ou reduzir a paleta de cores da imagem, poderá selecionar essas opções para ver um menu expandido.

Quando se trata de redimensionar sua imagem com o Squoosh, você tem várias variáveis ​​para alternar. Você pode:

• Escolha um método específico e pré-ajuste para redimensionar
• Redefinir manualmente a largura e a altura da imagem
• Escolha se deseja manter RGB linear e proporção
• Escolha se deseja ou não pré-multiplicar o canal alfa

Além disso, você pode escolher se deseja reduzir a paleta de cores da sua imagem para melhorar o desempenho do site. Use as barras deslizantes sob o título Reduzir Paleta para diminuir as cores e o pontilhamento.

Em seguida, é hora de compactar sua imagem. Você pode escolher uma das três opções:

• OptiPNG, um conversor de PNG usado para imagens originais nos formatos TIFF, BMP, PNG, GIF e PNM (outra forma de imagem bitmap). Esta opção compacta e otimiza as imagens sem comprometer as informações.
• MozJPEG, um conversor de PNG para imagens originais nos formatos JPG, BMP e PPM. Esse método compacta JPEGs mantendo a compatibilidade e a qualidade.
• WebP, um método de compactação desenvolvido pelo Google que aproveita a compactação sem perdas e com perdas. As imagens WebP são incrivelmente amigáveis ​​para SEO.

Observe que aqui, mesmo com 75% de qualidade de imagem após a compactação, a imagem compactada ainda parece quase idêntica à original.

Para usuários avançados, expanda Configurações avançadas para ajustar canais, quantização e muito mais.

Quando terminar, clique no botão Download no canto inferior direito da tela para salvar o arquivo editado.

Como o Squoosh se compara a ferramentas semelhantes

Existem várias ferramentas de compactação de imagem disponíveis para diferentes plataformas e usos. Ao selecionar uma ferramenta de compactação de imagem, você desejará ter certeza de que ela é adequada aos seus usos. Algumas ferramentas com recursos semelhantes ao Squoosh são apenas para uso pessoal (não comercial), pagos ou apenas aplicativos para download feitos para dispositivos específicos.

Tenha em mente que você deve selecionar uma ferramenta que não sacrifique a qualidade de suas imagens. Ao analisar suas opções, você desejará verificar a qualidade de imagem da ferramenta após a compactação.

Um dos concorrentes Squoosh mais recomendados é o Caesium, um aplicativo gratuito de compressão de imagens de código aberto. O Cesium é baseado em navegador e pode ser baixado, para que os usuários possam decidir a melhor forma de aproveitá-lo. Como alternativa, a API do ImageOptim funciona de maneira semelhante, com uma assinatura paga a partir de US$ 12,00 por mês.

Você também pode encontrar plugins do WordPress disponíveis que atendem às necessidades de compactação de imagem. ShortPixel e Smush são ferramentas que podem automatizar sua compressão de imagem. Para usuários do WordPress que desejam uma solução completa sem sair do painel, um plug-in como esse pode ser uma ótima opção.

O Squoosh não possui opções de lote ou automação de imagens que outros aplicativos possuem. No entanto, sua capacidade de compactar uma imagem mantendo uma qualidade impecável é uma vantagem incrivelmente importante. Em última análise, selecionar a ferramenta certa para suas necessidades depende de você.

Conclusão

Otimizar suas imagens e acelerar o tempo de carregamento do site é extremamente importante tanto para os visitantes do site quanto para os rankings de SEO. O Squoosh.app ajuda você a compactar com sucesso as imagens do seu site, mantendo a alta qualidade. Essa é uma grande vantagem, especialmente porque os proprietários de sites entendem a importância de sites bonitos que carregam rapidamente. A maior desvantagem, no entanto, é não poder processar imagens em lote. Se isso não for um problema, Squoosh é uma escolha bastante sólida.

Você já usou o Squoosh? Ou soa como uma ferramenta que você pode tentar? Deixe-nos saber suas experiências nos comentários!

Imagem em destaque via Overearth / shutterstock.com