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 600.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

Ter imagens boas e corretas pode ser complicado quando se trata de melhorar o desempenho de um site WordPress. Tanto é assim que tivemos alguns assinantes, que sempre nos perguntaram como compactar e redimensionar as imagens corretamente.

Esse é um aspecto importante na otimização do seu site, pelo qual todos devemos seguir. Se você está nos acompanhando há muito tempo, provavelmente já ouviu falar sobre 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 do 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 caber nas dimensões especificadas no 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.

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

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]

  • Edite o arquivo de funções do seu tema WordPress e arquivos de modelo
  • Cortar a imagem no 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 tamanhos de imagem do seu tema WordPress

Para resolver esse problema no seu tema, verifique se as imagens foram salvas corretamente. Para mais informações sobre como proceder, leia nossa tutorial de redimensionamento de imagem para o seu tema.

Se você preferir não tocar no código, poderá notificar o autor do seu tema WordPress e solicitar que ele faça as alterações necessárias. Depois que a correção estiver concluída, você poderá atualizar o tema do WordPress para adicionar as alterações ao seu site.

Atualizando suas imagens no WordPress

Embora você esteja esperando o desenvolvedor do seu tema WordPress corrigir esse problema, tente outros métodos de redimensionamento manual 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. Depois clique no botão Editar imagem para abrir a interface de edição.

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

Você também pode usar um dos Plugins de edição de imagem do WordPress 6 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 cortar sua imagem, talvez não seja necessário editá-la proporcionalmente de acordo com as dimensões que você escolher.

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

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

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

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]

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.

Depois que este plug-in é 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.

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.

Este plug-in requer o número, a hora e o dia do WhatsApp, que o proprietário do site ou a equipe de suporte usará para conversar. O botão de bate-papo pode ser adicionado à 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.

Entre suas características, encontraremos entre outras:suporte 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, ofraude entre o aumento dos preços fixos ou como uma percentagem, oimportar / exportar recursos para outros formulários, oppossibilidade 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

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. [FREE]

Recursos Recomendados

Descubra outros recursos recomendados que o acompanharão na criação e gerenciamento de 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 0

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