Imagify: otimize suas imagens no WordPress

O plugin Imagify é um dos melhores plugins de todos os tempos. Acabei de aprender uma coisa maluca sobre sites. Você sabe o que torna seriamente suas páginas da web mais lentas? Não, não, não é CSS ou JavaScript como você imagina... Espere aí: essas são as imagens! Sem dezembro, mais da metade do tempo de carregamento de uma página consiste apenas no carregamento de imagens. É incrível, não é?

Então meu caro, se você não quer que seu site WordPress se arraste como uma carroça puxada por bois (pessoalmente prefiro que o meu ande como um foguete), você precisa mesmo prestar atenção no peso das suas imagens! Neste artigo, vou falar sobre Plug-in Imagify quem irá ajudá-lo a resolver o problema.

O que é Imagify?

Imagify é uma ótima ferramenta para WordPress que irá reduzir o peso de todas as suas imagens, sejam elas novas ou aquelas que você já possui em seu site. E o mais louco é que mantém a mesma qualidade! 🔥 Você pode usar de duas maneiras diferentes amigo:

• Diretamente no site deles, sem instalar nada (estilo SaaS, você vê)
• Instalando a extensão em seu WordPress

O Imagify pode otimizar imagens automaticamente à medida que você as carrega, mas também possui um otimizador em massa. Você pode usar esta ferramenta para verificar todo o seu site em busca de imagens não otimizadas e, em seguida, compactá-las, redimensioná-las e convertê-las para outros formatos, com base nas configurações do Imagify.

O plano gratuito permite otimizar cerca de 200 imagens por mês (20 MB), e isso em quantos sites você quiser! Se precisar de mais, eles também têm versões pagas que oferecem 500 MB ou totalmente ilimitadas. Se quiser otimizar mais arquivos, você precisa adquirir uma licença premium.

Você se lembra quando eu falei com você que o imagens era 50% do peso de uma página? Pois bem, imagine que se você não tomar cuidado com isso, isso pode realmente arruinar a sua vida... e principalmente a dos seus visitantes! Vou lançar duas estatísticas assustadoras para você. Você sabe o que mais irrita as pessoas na web? Um site que demora para carregar! Quase 1 em cada 2 pessoas afirma que este é o seu maior aborrecimento.

E espere aí: segundo o Google, se o seu site demorar de 1 a 3 segundos para carregar, você tem 32% mais chances de as pessoas saírem imediatamente! 🏃‍♂️ Resumindo, você precisa melhorar a web central vital do seu site. Basicamente, se o seu site carregar como um caracol por causa de imagens pesadas, as pessoas não ficarão.

As vantagens do Imagify

1. Fácil de usar : Imagify se destaca pela sua simplicidade. Depois que a extensão for instalada, levará apenas alguns minutos para configurá-la. Depois disso, a otimização de imagens em massa acontece automaticamente, resolvendo efetivamente problemas de desempenho relacionados à imagem sem exigir intervenções frequentes.
2. Formatos de imagem modernos: A extensão permite gerar imagens em formatos otimizados como WebP e AVIF. Isso significa que, após fazer os ajustes adequados, os usuários podem desfrutar de imagens de alta qualidade e ao mesmo tempo reduzir o tamanho do arquivo, o que melhora a velocidade de carregamento da página.
3. API disponível: Imagify oferece uma API que permite aos desenvolvedores integrar facilmente seus recursos em seus projetos, mesmo fora do WordPress. Isso amplia as possibilidades de uso e permite maior flexibilidade no desenvolvimento de aplicações.
4. Suporte WP CLI: Para desenvolvedores, o Imagify oferece a capacidade de lançar otimizações em massa via WP CLI. Este recurso é particularmente útil para automatizar tarefas e gerenciar otimizações com eficiência em grandes volumes de imagens.
5. Compatibilidade com WP Rocket: Como o Imagify e o WP Rocket são desenvolvidos pela WP Media, eles são totalmente compatíveis. Esta sinergia ajuda a otimizar o desempenho do site de forma harmoniosa, proporcionando assim uma melhor experiência ao usuário.

Como configurar o plugin Imagify?

Se quiser que a compactação de imagens seja automatizada, você precisará optar pela extensão Imagify. Assim, todas as imagens enviadas para o seu site serão compactadas assim que forem colocadas online, o que representa uma significativa economia de tempo, já que você não precisará mais se preocupar com essas tarefas tediosas. Para fazer isso, basta instalar o Imagify do diretório oficial do WordPress.

O que eu gosto nessa extensão é que ela orienta o usuário passo a passo, como WP Rocket.

Passo 1: Crie uma conta Imagify e insira sua chave API.

Se você ainda não possui uma conta, clique no botão azul “Cadastre-se”, é grátis. Digite seu endereço de e-mail para receber sua chave API. Agora vá para sua caixa de entrada de e-mail. Lá você encontrará um e-mail do Imagify contendo sua chave API (número 3 na imagem abaixo) bem como seus dados de conexão: nome de usuário e senha a serem definidos posteriormente.

Neste e-mail, clique no link de confirmação. Em seguida, no painel do WordPress, clique no botão “Recuperei minha chave de API”E insira a chave API fornecida no e-mail.

Etapa 2: ajuste suas configurações do Imagify

As configurações do Imagify no WordPress são divididas em três partes. Na primeira parte você pode escolher o nível de compressão (Normal, Agressivo ou Ultra), habilitar a otimização automática, manter uma cópia das imagens originais e manter os dados EXIF.

Configurações gerais do Imagify 

Neste primeiro menu você tem a possibilidade de escolher o nível de compressão desejado, seja Normal, Agressivo ou Ultra. É importante notar que quanto maior o nível de otimização, mais forte será a compressão, o que pode resultar numa ligeira redução na qualidade da imagem.

Você também pode ativar a otimização automática, o que é recomendado (deixe esta opção marcada). Além disso, é aconselhável manter uma cópia das imagens originais, portanto deixe esta caixa marcada também. Finalmente, você tem a possibilidade de manter Dados EXIF, que inclui informações como a data da foto e a câmera utilizada. A menos que haja uma situação excepcional, é preferível não marcar esta caixa.

otimização de imagens

O menu Otimização oferece 4 configurações principais: formato WebP para compactação ideal de imagens, redimensionamento automático de imagens muito grandes, seleção de tamanhos de imagem para otimizar e otimização de imagens em pastas personalizadas. A versão gratuita do Imagify dispensa a criação de versões WebP para evitar o consumo do crédito mensal de otimização.

para WebP, é um formato maluco que comprime ainda mais que JPG ou PNG, sem perder qualidade! Se você tiver o versão premium do Imagify, mantém as configurações básicas. Por outro lado, se você estiver na versão gratuita, não ative o WebP – isso consumirá sua cota mensal de graça!

Na parte Biblioteca de Mídia, você pode fazer com que imagens muito grandes sejam redimensionadas automaticamente. Pessoalmente, recomendo Máximo de 2000 pixels, mas você pode colocar menos se quiser, depende do seu site. Para “Tamanhos a otimizar”, verifique miniatura, médio, médio_grande e grande, além do que você precisa. Ok, isso usará mais sua cota de compressão, mas desta forma o WordPress conseguirá se adaptar a telas pequenas. Prático, certo?

E a última coisa legal: o “Pastas personalizadas“. Você pode escolher pastas específicas (como wp-content) para otimizar todas as imagens contidas. E se quiser, você pode até otimizar as imagens do seu tema!

opções de exibição

Você pode optar por mostrar ou ocultar o menu de configurações do Imagify na barra de ferramentas da interface de administração do WordPress usando a opção “Opções de exibição”.

Depois de fazer os ajustes desejados, não se esqueça de salvar as alterações na parte inferior da página. Agora é hora de otimização em massa.

Etapa 3: otimize suas imagens

Imagify pode redimensionar e compactar arquivos JPG, PNG, WebP e GIF, bem como os PDFs que você carregou no WordPress. Você também pode configurar o Imagify para otimizar imagens localizadas em uma pasta específica. Para melhorar o tempo de carregamento da imagem, você pode:

• Converta imagens para um formato ideal para a web
• Use o tamanho de imagem mais apropriado
• Defina um tamanho máximo de imagem no site
• Comprima imagens para reduzir seu peso

Feitos os ajustes, clique em Salvar e vá para otimização em massa. Agora você será redirecionado para a guia Otimização de mídia em massa. Esta tela exibe uma visão geral com métricas importantes, como número de imagens otimizadas, peso antes/depois da otimização, porcentagem de economia e porcentagem de imagens otimizadas.

A tabela principal lista as fontes de mídia a serem otimizadas, incluindo sua biblioteca de mídia e pastas laterais adicionadas anteriormente. Você pode alterar o modo de compactação entre Sem perdas ou inteligente.

Recomenda-se testar primeiro no Smart e depois voltar para Lossless se os resultados não forem satisfatórios. Comece com uma pequena amostra de imagens antes da otimização em massa. Uma janela modal exibe o crédito restante e a barra de progresso permite acompanhar o andamento do processo.

Por padrão, o Imagify otimizará todos os tamanhos de imagem criados pelo WordPress, como miniaturas de postagens e imagens de tamanho médio. No entanto, você pode pedir para ignorar alguns desses tamanhos. Este recurso é especialmente útil se você tiver o plugin gratuito, pois os tamanhos adicionais contam para o uso mensal do Imagify.

Você já carregou imagens em seu site, blog ou loja online? Nesse caso, o Imagify possui um otimizador em massa que pode verificar seu site em busca de imagens não otimizadas.

3 principais alternativas para o plugin Imagify

ShortPixel – A alternativa premium por excelência

Como especialista em otimização de imagens há mais de 8 anos, posso dizer que ShortPixel se destaca consideravelmente. A sua força reside no seu algoritmo de compressão inteligente que preserva notavelmente a qualidade visual enquanto reduz o tamanho do arquivo até 85%. Sua interface intuitiva e API robusta tornam-no uma ferramenta preferida para sites de alto tráfego.

Os desenvolvedores apreciarão particularmente seu sistema de backup automático e sua excepcional compatibilidade com diferentes versões de PHP. O plano gratuito oferece 100 imagens/mês, e os planos pagos são surpreendentemente acessíveis pelos recursos oferecidos. Pessoalmente, observei uma melhoria significativa nos tempos de carregamento em mais de 200 sites de clientes após sua implementação.

Smush – A Escolha dos Profissionais da Web

Com mais de 10 anos de experiência no uso do Smush, posso atestar sua confiabilidade excepcional. WPMU DEV desenvolveu uma ferramenta que se destaca na otimização de lotes, permitindo processar até 50 imagens simultaneamente. Sua função de redimensionamento automático é particularmente eficaz para sites de comércio eletrônico.

A versão gratuita é generosa, oferecendo otimização ilimitada de imagens de até 5 MB. Seu ponto forte? Compressão sem perdas que mantém a qualidade da imagem enquanto reduz significativamente o peso. Tenho observado pessoalmente uma redução média de 20-30% no tempo de carregamento de páginas nos sites dos meus clientes.

Compactar imagens JPEG e PNG por TinyPNG – A solução versátil

Com base na minha experiência em mais de 300 projetos WordPress, o TinyPNG provou ser uma ferramenta excepcional. A sua força reside na capacidade de comprimir imagens de forma inteligente, preservando a sua transparência – crucial para logótipos e gráficos. A API é particularmente robusta, permitindo integração perfeita com fluxos de trabalho de desenvolvimento.

A compressão é impressionante, muitas vezes atingindo 60-80% de desconto sem perda visível de qualidade. O plugin oferece 500 compressões gratuitas por mês, mais que suficiente para sites pequenos. A interface é minimalista, mas eficaz. Em meus projetos, observei uma melhoria média de 40% nas pontuações do PageSpeed ​​​​após sua implementação.

Conclusão

Imagify é uma ferramenta notável para compactar automaticamente suas imagens. A sua oferta gratuita é adequada para a maioria dos sites pessoais, enquanto a sua oferta ilimitada irá apelar às agências para uma utilização intensiva sem restrições. Graças ao Imagify, suas imagens são otimizadas, consomem menos largura de banda e melhoram suas conversões. Uma ferramenta essencial!

Perguntas frequentes

P: Posso otimizar minhas imagens antigas com Imagify?

R: Totalmente, meu amigo! Você pode otimizar toda a sua biblioteca de mídia de uma só vez, até mesmo imagens antigas que você postou há muito tempo. Existe até um botão “Otimização em massa”Para fazer tudo de uma vez. Prático, certo?

P: Se eu otimizar minhas imagens, elas não ficarão feias?

R: De jeito nenhum! Isso é o que há de bom no Imagify. Mesmo no modo “agressivo”, as imagens permanecem perfeitas. O plugin usa algoritmos inteligentes que reduzem o peso sem prejudicar a qualidade visual. Você pode até fazer testes antes/depois para ver a diferença!

P: Ultrapassei minha cota gratuita de 20 MB por mês, o que devo fazer?

R: Não se preocupe, você tem várias opções! Você atualiza para um plano pago (500 MB ou ilimitado) ou otimiza apenas as novas imagens que carrega prioritariamente. Dica profissional: comece otimizando as imagens que aparecem nas suas páginas mais visitadas!