Como redimensionar e compactar imagens grandes em massa (e otimizá-las)

t). Tamanhos menores de arquivos de imagem usam menos largura de banda – suas redes e navegadores vão adorar! A otimização de imagem pode muitas vezes levar a algumas das maiores economias de bytes e melhorias de desempenho para o seu site: Quanto menos bytes um navegador tiver que baixar, menos concorrência na largura de banda – o que significa um tempo de carregamento mais rápido. As solicitações HTTP para imagens HD grandes também podem afetar negativamente o desempenho, e é por isso que você deve fazer menos solicitações HTTP para acelerar seu site. WordPress. Compressão de imagens é necessária para aumentar o desempenho, mas por outro lado, você não quer imagens desfocadas para o seu site, Certo? O objetivo é alcançar um resultado que equilibre qualidade e otimização, como em nosso exemplo abaixo:

Sem compressão JPEG – 400 KB

Compressão (qualidade inalterada) JPEG – 170 KB

Isso nos leva à próxima parte: como reduzir o tamanho da imagem sem perder e sacrificar a qualidade? Como redimensionar e compactar imagens em massa (PNG e JPEG) As duas principais coisas a considerar são o tipo de compactação que você deseja usar (sem perdas vs sem perdas) e o formato de arquivo (PNG, JPEG, PDFs, etc.). Você pode ver abaixo como os formatos podem afetar o tamanho da imagem:

Formato vs tamanho do arquivo – Fonte: Selecionar. Para aproveitar ao máximo as imagens PNG e JPEG, existem muitas ferramentas disponíveis. Alguns irão ajudá-lo a fazer todo esse trabalho em seu nome. (por exemplo: um plugin WordPress), enquanto outros podem permitir que você faça suas próprias otimizações (por exemplo: Photoshop).
Aqui está nossa lista de ferramentas favoritas que você pode usar para comprimir muito imagens JPEG ou PNG em massa. Nós os classificamos em duas categorias: Categoria #1 – Ferramentas web e software otimizados
Dimensionamento de imagens para otimizar imagens PNG e JPEG grandes em massa Categoria #2 – Plugins WordPress para redimensionar e comprimir imagens PNG e JPEG grandes em massa Vamos começar com a primeira categoria. Categoria #1 – Ferramentas de otimização de imagens Web e software para otimizar imagens PNG e JPEG grandes em massa Aqui está a nossa pequena lista de software online e ferramentas que você pode usar para redimensionar e compactar várias imagens grandes:
Afinidade fotográfica para comprimir imagens PNG e JPEG em lote. Ir para Ficheiro > Novo trabalho em lote

Criando um trabalho em lote – Fonte: Como fazer o canal do YouTube 2. Carregue todas as imagens que deseja compactar em massa e selecione o formato mais adequado de acordo com suas necessidades:

Salvar o trabalho em lote – Fonte: Como fazer o YouTube Channel 3. Definir nova qualidade (70 é um bom número para manter boa qualidade)

Compactar e reduzir imagens (qualidade para 70) Pré-visualização (no Mac) – para redimensionar suas imagens em massa (mas não comprimi-las). Abrir todas as imagens usando Preview Selecione tudo Vá para Ferramentas > Tamanho e selecione novos tamanhos de imagem

Software Preview Trabalho feito! O tamanho resultante é menor.
Mass Image Compressor – um compressor e ferramenta de conversão de imagem batch-and-shot para otimização de sites.

Mass Image Compressor Gimp Settings – o popular editor de imagens gratuito para Mac e Windows. O GIMP vem com um modo de lote chamado que permite processar PNG, JPEG e outros formatos, como GIF ou PDF. Você precisará baixar e instalar uma extensão gratuita chamada \
Este é o tipo de economia que você pode obter ao usar a função de otimização de blocos do Imagify: quase 87%!

Economizando quase 87% do tamanho do meu arquivo com Imagify Vamos agora fazer uma apresentação \
Valores: Tamanho do arquivo de cada foto Maior pintura cheia de conteúdo Tamanho da página Solicitações HTTP Tempo de upload Cenário 1 – Resultados de desempenho com imagens JPEG (sem imagem) 9 imagens servidas no formato JPEG As imagens não são otimizadas

O meu site de teste

Valores no telemóvel

Sem Imagem

Tinta de maior teor completo (LCP)

3,6 s (laranja)

Tamanho da Página

1,4 MB

Pedidos HTTP

28 (60% das aplicações são de imagens)

Tempo de carregamento

Octets de 3,7 s (Imagens ocupam até 82% do espaço)

Problemas de imagem – auditoria PSI Abaixo está o detalhamento do conteúdo da minha página. As imagens são responsáveis por fazer 60% das solicitações e 81,5% do total de bytes:

Aqui estão os indicadores de otimização de imagem que recebemos após executar a auditoria PageSpeed Insights: Espaço de Imagem Ocupada (sem Imagify) – Fonte: WebPage Test Cenário 2 – Resultados de Otimização de Imagem em Massa com Imagens WebP e Modo de Otimização Agressiva (com Imagify) As mesmas 9 imagens convertidas para o formato WebP com Imagify Imagens Otimizadas em Massa com Imagify
Automatizou todas as imagens e salvou em média 60% do tamanho do nosso arquivo! Além disso, Imagify pode converter suas imagens WordPress para WebP, o formato de nova geração recomendado pelo Google. Não deixe que o desempenho lento do seu site lhe custe conversões. Comece a otimizar suas imagens em massa com Imagify gratuitamente hoje mesmo!

Leave a Reply

Your email address will not be published. Required fields are marked *