{"id":71945,"date":"2025-04-16T07:00:00","date_gmt":"2025-04-16T14:00:00","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=71945"},"modified":"2025-05-26T12:19:27","modified_gmt":"2025-05-26T19:19:27","slug":"como-otimizar-imagens-para-a-web-usando-o-squooshapp-pt","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/como-otimizar-imagens-para-a-web-usando-o-squooshapp-pt\/","title":{"rendered":"Como Otimizar Imagens para a Web Usando o Squoosh.app"},"content":{"rendered":"\n

Voc\u00ea provavelmente j\u00e1 sabe sobre otimiza\u00e7\u00e3o de imagens.<\/p>\n\n\n

\u00c9 destinado a comprimir fotos no seu site, para que as p\u00e1ginas n\u00e3o carreguem em uma velocidade glacial.<\/p>\n\n\n

At\u00e9 agora, voc\u00ea meio que ignorou a ideia toda. Justo \u2014 isso n\u00e3o faz uma grande diferen\u00e7a at\u00e9 que seu site esteja completamente formado.<\/p>\n\n\n

Mas agora, chegou a hora de fazer alguma coisa. Seu arquirrival…bem, queremos dizer…seu concorrente mais pr\u00f3ximo est\u00e1 superando totalmente seu site nas guerras de desempenho. \u00c9 hora de reagir.<\/p>\n\n\n

Squoosh \u00e9 uma das melhores ferramentas \u00e0 sua disposi\u00e7\u00e3o. \u00c9 gr\u00e1tis, de c\u00f3digo aberto e f\u00e1cil de usar.<\/p>\n\n\n\n\n

\n\t\n\t\t<\/svg>\n\t\t<\/span>\n\t\t<\/svg>\n\t<\/a>\n

Open Source<\/h3>\n

Em desenvolvimento de software, projetos open source s\u00e3o gratuitos para qualquer pessoa baixar, usar, modificar e distribuir. O WordPress \u00e9 um excelente exemplo de software open source, embora esteja longe de ser o \u00fanico.<\/p>\n \n Leia Mais <\/a>\n\n<\/div>\n\n\n

Neste guia, vamos ver como usar o Squoosh para comprimir imagens e reduzir os tempos de carregamento. Vamos come\u00e7ar!<\/p>\n\n\n

Como Otimizar Imagens Com Squoosh em 30 Segundos<\/h2>\n\n\n

Vamos direto ao assunto.<\/p>\n\n\n

Voc\u00ea pode come\u00e7ar a otimizar imagens para o seu site muito rapidamente.<\/p>\n\n\n

V\u00e1 at\u00e9 https:\/\/squoosh.app<\/a>.<\/p>\n\n\n

Clique na grande mancha rosa no topo da p\u00e1gina e selecione a imagem que deseja comprimir.<\/p>\n\n\n

\"Interface<\/figure>\n\n\n

Em seguida, voc\u00ea entrar\u00e1 em uma tela de pr\u00e9-visualiza\u00e7\u00e3o, com um Painel<\/span> de configura\u00e7\u00f5es no canto inferior direito.

Aqui, voc\u00ea pode escolher redimensionar sua imagem<\/a>, reduzir a paleta de cores, alterar a qualidade e selecionar o tipo de arquivo de sa\u00edda preferido.<\/p>\n\n\n

Abaixo disso, um contador informa o quanto menor ser\u00e1 seu novo arquivo.<\/p>\n\n\n

\"Interface<\/figure>\n\n\n

Ao selecionar diferentes op\u00e7\u00f5es, voc\u00ea pode mover o controle deslizante no meio da sua tela para ver o efeito na qualidade da imagem. \u00c0 esquerda est\u00e1 uma vis\u00e3o ampliada da sua imagem original; \u00e0 direita \u00e9 uma pr\u00e9via da sua vers\u00e3o comprimida.<\/p>\n\n\n

Parece bom? Baixe sua imagem comprimida tocando na bolha azul no canto inferior direito. Esta est\u00e1 pronta para adicionar ao seu site.<\/p>\n\n\n

Pronto, conclu\u00eddo.<\/p>\n\n\n

\"Interface<\/figure>\n\n\n

Dica Profissional:<\/strong> Queres acelerar as coisas para a pr\u00f3xima imagem? Toca no pequeno \u00edcone de \u201cengrenagem\u201d no painel de controle. Isso salvar\u00e1 suas configura\u00e7\u00f5es atuais como um preset, que podes carregar posteriormente tocando no outro \u00edcone de engrenagem.<\/p>\n\n\n

Conhecendo Melhor o Squoosh<\/h2>\n\n\n

Essa \u00e9 a vers\u00e3o resumida, mas h\u00e1 muito mais em Squoosh<\/a>.<\/p>\n\n\n

Esta ferramenta de compress\u00e3o de imagens de c\u00f3digo aberto foi realmente desenvolvida pelos especialistas do Google. Est\u00e1 dispon\u00edvel tanto como um aplicativo web quanto como um complemento para o navegador Chrome.<\/p>\n\n\n

Se voc\u00ea est\u00e1 se sentindo t\u00e9cnico, tamb\u00e9m pode baixar o Squoosh do GitHub<\/a> e execut\u00e1-lo offline via linha de comando.<\/p>\n\n\n

O Squoosh suporta PNG, JPG, TIFF, GIF e muitos outros formatos. Todas as vers\u00f5es s\u00e3o gratuitas para uso, e o aplicativo gerencia a compress\u00e3o localmente. Isso \u00e9 uma boa not\u00edcia para a privacidade, porque as imagens nunca saem do seu dispositivo.<\/p>\n\n\n

\n\n\n

Get Content Delivered Straight to Your Inbox<\/h2>

Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p>

<\/div>