Ir para o conteúdo principal

Como comprimir e redimensionar imagens em WordPress

Divi: o tema WordPress mais fácil de usar

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 901.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

Precisa compactar imagens ou quer redimensionar imagens no 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:

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

  • 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.

redimensionar imagens - editar imagem de mídia do wordpress

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.

Redimensionar imagem no wordpress

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

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

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 outros plugins do WordPress para dar uma aparência moderna e otimizar a aderência do seu blog ou site.

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

1. Bpchat

O Bpchat é uma extensão WordPress do BuddyPress que configura um sistema de bate-papo no 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.

CO plugin WordPress também configura uma maneira fácil de conversar online, que se parece um pouco com o que o Facebook oferece.

Descarregar | Demo | hospedagem na web

2. Clique para WhatsApp Chat

O plugin WordPress Click to WhatsApp Chat permite que os clientes do WordPress se conectem facilmente ao proprietário do site ou ao 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

O WooCommerce Extra Product Options é uma extensão do WordPress que permitirá criar opções adicionais de produtos com suporte para lógica condicional. Você também poderá criar formulários, converter menus suspensos 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 ...

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [Recomendado]

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.

...  

Este artigo contém comentários 2

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo
7 ações
ação6
chilrear
Enregistrer1