Precisa compactar imagens ou deseja redimensionar imagens no WordPress? Neste tutorial, mostraremos como compactar e redimensionar imagens ou WordPress

Ter imagens boas e decentes pode ser complicado quando se trata de melhorar o desempenho de um site WordPress. Tanto é que tínhamos alguns assinantes, que sempre nos perguntavam como comprimir e redimensionar as imagens corretamente.

Este é um aspecto importante na otimização do seu site que todos nós temos que percorrer. Se você nos segue há muito tempo, provavelmente já ouviu falar do Hummingbird plugin do WPMUDEV.

Este é um plug-in que permite reduzir o tamanho de uma imagem de 75%, o que é considerável.

Portanto, neste tutorial, explicarei como redimensionar manualmente suas imagens no painel e no tema do WordPress.

Mas antes, se você nunca instalou o WordPress, descubra Como instalar um tema WordPress et Como encontrar, instalar e ativar um tema WordPress em seu blog 

Então, voltemos ao porquê de estarmos aqui.

Por que você precisa redimensionar e compactar suas imagens?

Esta é uma sugestão que oferece o Hummingbird. Essa sugestão significa que você está usando uma imagem carregada no seu blog WordPress, em que o tamanho é maior do que o usado no seu tema.

Isso geralmente acontece quando há um erro com o tema WordPress que você está usando e imagens maiores não são cortadas automaticamente nas dimensões esperadas. Em vez disso, eles são redimensionados para caber.

Vá além descobrindo Por que você tem que começar a otimizar seu blog WordPress por imagens

Isso significa que quando um visitante carrega a página com a imagem superdimensionada em seu navegador, o tamanho original da imagem é carregado e redimensionado para se ajustar às dimensões especificadas em seu tema WordPress.

Essa etapa extra e repentina de redimensionar imagens maiores requer solicitações e recursos adicionais do servidor para carregar em uma página.

Descubra também o nosso plugins 10 WordPress para gerar tráfego para o seu blog

O resultado é uma velocidade de página mais lenta, uma pontuação mais baixa no Hummingbird, daí a recomendação para compactar e redimensionar as imagens.

comprimir imagens - compressão de imagem Humminbird

embora WP Smush Pro pode resolver automaticamente a recomendação de compactar uma imagem, este não é o caso com a sugestão " comprimir e redimensionar" Para o último, você deve fazer a alteração manualmente e há várias maneiras de fazer isso:

  • Edite o arquivo de funções do seu tema WordPress e arquivos de modelo
  • Corte a imagem para o tamanho esperado no biblioteca multimídia
  • Ajustar configurações de multimídia

Abaixo, você encontrará mais detalhes sobre como redimensionar suas imagens com esses métodos.

Salvando os tamanhos de imagem do seu tema WordPress

Para corrigir esse problema em seu tema, você precisa ter certeza de que as imagens foram salvas corretamente. Para obter mais informações sobre como fazer isso, leia nosso tutorial de redimensionamento de imagem para o seu tema.

Se preferir não mexer em nenhum código, você pode notificar o autor do seu tema WordPress e pedir que ele faça as alterações necessárias para você. Assim que o patch for concluído, você pode atualizar seu tema WordPress para adicionar as alterações ao seu site.

Atualizando suas imagens no WordPress

Embora você possa esperar que o desenvolvedor do tema do WordPress conserte esse problema, existem outros métodos de redimensionamento manual de imagens que você pode experimentar e que oferecemos abaixo.

Recolher imagens na biblioteca de mídia

Para cortar uma imagem manualmente, vá para " Mídia> Biblioteca »E selecione clicando na imagem que deseja cortar. Em seguida, clique no botão Editar imagem para abrir a interface de edição.

comprimir e redimensionar imagens

Corte a imagem conforme necessário usando as opções correspondentes à direita. Lembre-se de que, se você tornar a imagem menor para corresponder à largura necessária, a altura pode ser menor ou maior do que o tamanho definido pelo seu tema WordPress, dependendo das dimensões da imagem original.

Você também pode usar um dos 6 plug-ins de edição de imagem WordPress que você descobrirá consultando este link 

Se você optar por ampliar sua imagem, ela permanecerá na proporção adequada à imagem original. Por outro lado, se você decidir recortar sua imagem, pode não ser necessariamente uma questão de editá-la proporcionalmente com base nas dimensões que você escolher.

Você pode redimensionar sua imagem digitando a largura e a altura desejadas e clicando no botão " redimensionar Ou se preferir cortar sua imagem, você pode fazer isso clicando e arrastando o mouse sobre a imagem e selecionando a área desejada. Em seguida, solte o clique do mouse para revelar sua seleção.

comprimir e redimensionar imagens

Quando terminar, não se esqueça de clicar em " Enregistrer". Você também pode aplicar as configurações a qualquer tamanho.

Aplicar tamanho às imagens

Esta opção para alterar o tamanho das imagens também está disponível na biblioteca de mídia.

Modificação de imagem na biblioteca de mídia

Descubra também alguns plugins premium do WordPress  

Você pode usar outro WordPress plugins para dar uma aparência moderna e otimizar o manuseio do seu blog ou site.

Oferecemos a você aqui alguns plugins premium do WordPress que ajudarão você a fazer isso.

1. Bpchat

Bpchat é um Extensão WordPress do BuddyPress, que configura um sistema de bate-papo em seu blog ou site WordPress.

Plugin de chat de usuários do buddypress para Wordpress

Assim que este plugin for instalado em qualquer blog, fórum, comunidade, diretório, site de comércio eletrônico ou site social BuddyPress, todos os usuários conectados podem conversar automaticamente instantaneamente.

Ce WordPress Plugin também implementa uma maneira fácil de conversar online, que é um pouco como o que o Facebook oferece.

Descarregar | Demo | hospedagem na web

2. Clique para WhatsApp Chat

Le WordPress Plugin O bate-papo do Click to WhatsApp facilita a conexão dos clientes do WordPress com o proprietário do site ou com o suporte ao cliente usando sua conta do WhatsApp.  Clique para bater papo no WhatsApp para Wordpress

Basta um clique na conta do WhatsApp e ela será direcionada diretamente para a conta do WhatsApp móvel com uma mensagem padrão. E se o cliente estiver no desktop ou laptop, ele será redirecionado para o WhatsApp Web.

Descubra também nossa 10 WordPress plugins para esconder conteúdo premium em seu blog

Este plug-in requer o número do WhatsApp, hora e dia, que o proprietário do site ou a equipe de suporte usará para discutir. O botão de bate-papo pode ser adicionado na página de detalhes do produto WooCommerce, que está diretamente relacionado a este produto.

Descarregar | Demo | hospedagem na web

3. WooCommerce Opções extra Produto

Opções de produtos extras do WooCommerce é um Extensão WordPress que permitirá criar opções adicionais em produtos, graças ao suporte da lógica condicional. Você também terá a capacidade de criar formulários, converter listas suspensas de atributos em botões de opção e muito mais.

Opções de produtos extras do Woocommerce

Entre suas características encontramos entre outras: a psuporte para vários tipos de campos, o cpreços de acordo com os campos selecionados, o construtor visual dos campos do formulário, o suporte de códigos de curto, a possibilidade deativar suas opções para funções específicas, oentre o aumento dos preços fixos ou percentuais, o iimportar / exportar para outras formas,possibilidade de ocultar ou exibir preços, o apoio dalógica condicional em campos e seções no construtor de formulário, oompatibilidade com vários plugins e extensões de comércio eletrônicoa ddocumentação detalhada e mais ...

Descarregar | Demo | hospedagem na web

Recursos Recomendados

Descubra outros recursos recomendados para ajudá-lo a criar e gerenciar seu site.

Conclusão

É isso aí! Isso é tudo para este tutorial, espero que você possa editar, redimensionar e compactar suas imagens. Não hesite em compartilhe com seus amigos em suas redes sociais favoritas

No entanto, você também poderá consultar nossos Ressources, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress.

Se você tiver sugestões ou comentários, deixe-os em nossa seção Comentários.

...