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:
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
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
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! |