Como alterar o tamanho da imagem em destaque do WordPress?

Tamanho da imagem do WordPress! Huh! Parece algo direto, não é? Mas é mesmo?

Ok, vamos falar sobre isso. O que você acha que um internauta aleatório procura antes de clicar em um link, blog, artigo, etc? É o título? Talvez seja o cabeçalho? slogan? A resposta é principalmente não, nenhuma dessas.

Mas se você está pensando na imagem de destaque, diríamos que sim. De acordo com muitos estudos e jornais populares, os internautas tendem a clicar em imagens atraentes e informativas.

Eles tendem a estudar o conteúdo dentro da imagem do recurso, bem antes de olhar para o título ou metadados.

É aqui que a mágica acontece. É aqui/quando um internauta decide clicar no seu conteúdo publicado para dar uma olhada.

Ser capaz de cativar o público com a imagem de destaque significa um clique orgânico quase certo.

O que não é tão fácil quando você está trabalhando com uma palavra-chave competitiva de cauda longa ou palavras-chave de cauda curta, frases populares, eventos populares, assuntos, referências à cultura pop, etc.

Portanto, o tamanho recomendado da imagem em destaque do WordPress pela equipe de desenvolvimento do DroitThemes é de 1200 × 675 pixels ou proporção de 16: 9.

A importância de boas imagens

Como mencionado anteriormente, uma imagem atraente em destaque no WordPress pode trazer atrações e cliques mais organizados sem nenhum trabalho extra. A importância de boas imagens não pode ser subestimada.

Um blog, artigo, postagem, boletim informativo, etc., não importa que tipo de conteúdo possa apresentar, a implementação de imagens informativas e de qualidade é a chave para o sucesso.

As pessoas tendem a se entregar visualmente antes de começar a ler, e tudo isso acontece em frações de segundo ao encontrar a referida imagem.

Portanto, é altamente recomendável selecionar uma imagem excelente para ser apresentada em seu próximo conteúdo.

Uma imagem de alta qualidade não apenas atrai mais olhos, mas também é ótima para manter uma qualidade estável em vários tipos de resolução de exibição.

Imagens em destaque do WordPress: o que são?

Uma imagem de recurso é usada para apresentar visualmente as informações de contexto relacionadas a um conteúdo.

Esses tipos de imagens geralmente aparecem no topo do conteúdo e são apresentados ao lado dos metadados do referido conteúdo, na seção de miniaturas.

A imagem em destaque chama a atenção e a imaginação do visitante e fornece pistas, informações e um contexto menor sobre o seu conteúdo visualmente.

Por exemplo, a imagem apresentada aqui indica claramente o ponto de conversa e o assunto em jogo.

O tema WordPress ativo do site também desempenha um papel fundamental ao determinar como a imagem do recurso será exibida.

Ao criar um site WordPress, sempre tente escolher o melhor tema WordPress para blogs e publicação de conteúdo.

Developer.WordPress.org Tamanho recomendado da imagem em destaque do WordPress

O WordPress padroniza para os seguintes tamanhos de imagem

O WordPress cria automaticamente três versões da sua imagem carregada, e elas são:

• Tamanho da miniatura: 150 px x 150 px
• Tamanho médio: 300 px X 300 px
• Tamanho grande: 1024px X 1024 px

Qual é o propósito dessas diferentes versões de tamanhos de imagem em destaque do WordPress?

Considere a imagem de dimensão usada pela equipe de desenvolvimento do DroitThemes – 1200px X 675px .

O tamanho da imagem original pode chegar a 100 KB .

Agora considere ter as dimensões da imagem original como miniatura! Agora, isso não pareceria anormal para uma imagem em miniatura, não é?

E sem mencionar o impacto no desempenho que a resolução teria se ela viesse com o tamanho da imagem.

Portanto, é seguro assumir que o tamanho convertido automaticamente pelo WordPress de 150 × 150 px é uma aposta segura e confiável.

O redimensionamento automático de imagens pelo WordPress é um ótimo recurso, claro.

No entanto, esse recurso incrível funciona bem em determinados cenários.

Por exemplo, redimensionar uma imagem por padrão pode não ser uma solução adequada se um tema do WordPress exigir uma dimensão de imagem específica.

Aqui no DroitThemes é algo para falar enquanto trabalhamos com o tamanho de imagem em destaque do WordPress de 1200 × 675 pixels.

Nesses casos, é aconselhável adicionar manualmente um tamanho de imagem personalizado.

Então, como isso funciona?

Aqui está um breve tutorial sobre como adicionar um tamanho de imagem personalizado do WordPress

O WordPress automatiza seu conteúdo para obter o melhor desempenho em sua plataforma, redimensionando as imagens originais com três tamanhos e resoluções diferentes.

Que tal adicionar outro tamanho padrão? Seria possível incluir um tamanho de imagem personalizado do WordPress?

Sim, é possível e mostraremos como fazer isso corretamente.

Adicionando tamanhos de imagem personalizados usando Regeneração de imagem e corte selecionado

Regenerate & Select Crop é um plugin simples que fornece mais funcionalidade do que apenas Regenerate Thumbnails.

Além de permitir que os usuários alterem o tamanho padrão da imagem em destaque, os usuários também têm a opção de regenerar todas as imagens existentes para corresponder ao tamanho de imagem preferido, definir opções de corte padrão ou regenerar miniaturas.

Depois de instalado e ativado, vá para o Painel do WordPress > Regenerar e selecionar Cortar , a partir daqui, clique em DEFINIR TAMANHOS DE IMAGEM PERSONALIZADOS e defina um nome para o tamanho personalizado da imagem em destaque do WordPress e adicione as dimensões.

Para este exemplo, estamos usando o tamanho de imagem em destaque do WordPress de 1200 × 675 pixels.

Depois de terminar, certifique-se de clicar em Salvar alterações .

Há muito mais opções fornecidas com este plug-in específico, não estamos explorando mais isso, mas recomendamos que você, usuário, explore e ajuste as configurações.

Step.01 Adicionar tamanho de imagem WordPress personalizado editando functions.php

Para isso, você precisará ajustar alguns códigos do arquivo functions.php do seu site, mas não se preocupe, estaremos com você ao longo do caminho.

Como estaremos ajustando alguns códigos, você deve fazer backup do referido arquivo apenas para estar no lado seguro das coisas.

Agora vá para o Painel do WordPress > Aparência > Editor de temas.

Agora clique em Theme Functions ( functions.php ) a partir daqui, localize o código a seguir com o editor de tema pressionando Ctrl + F e pressione enter. Se o código já estiver lá, deixe-o e vá para a próxima etapa.

E se o código parece estar faltando, digite a seguinte string –

 add_theme_support( 'post-thumbnails' );

Depois de terminar, certifique-se de clicar no botão Atualizar arquivo .

Agora, para adicionar suas dimensões de imagem personalizadas, insira o seguinte código logo abaixo do código mencionado anteriormente, a dimensão personalizada –

 add_image_size( 'my-custom-image-size', 1200, 675 );

Em particular, você precisa atualizar o conteúdo das aspas simples com o nome do novo tamanho de imagem personalizado. Sugerimos algo simples e descritivo.

O primeiro valor deve ser a largura da imagem e o segundo valor a altura da imagem.

Siga as melhores práticas de imagem em destaque do WordPress

Simplesmente não é suficiente carregar e esquecer componentes importantes do site, como imagens de recursos.

Ao escolher e fazer upload de imagens de recursos para WordPress ou qualquer outra plataforma de criação de sites, recomendamos fortemente que os usuários sigam algumas etapas simples:

Imagens de alta qualidade

As imagens de recursos devem ser de alta qualidade e em resolução clara e nítida. Uma imagem de destaque representa você, seu site e seu conteúdo, portanto, usar uma imagem de qualidade é obrigatório.

Os usuários devem escolher algo que fique bem nas miniaturas e nas postagens.

Conteúdo consistente

Carregue imagens que sejam consistentes com o conteúdo do seu site. Carregue recursos, conteúdo, logotipo etc. consistentes com sua marca. Manter uma abordagem consistente em seu design visual ajuda a construir sua marca e torná-la reconhecível para seus visitantes.

Imagens relevantes

Um humano processa imagens mais rápido que texto. Quando você considera uma imagem relevante e informativa, pode atrair mais atenção para o seu site.

Portanto, tente sempre manter uma forte relevância ao considerar as imagens de destaque.

direito autoral

Não infrinja questões de direitos autorais. Sempre tente garantir o conteúdo produzido e, se estiver enviando algo de outro criador de conteúdo, certifique-se de obter o consentimento legal antes de fazê-lo.

Comprar fotos royalty-free de sites como Unsplash, Pixaby e outros é uma ótima opção.

Para Encerrar

As imagens em destaque são parte integrante de todos os sites do WordPress.

Uma imagem bem projetada e destacada pode tornar seu site mais profissional e ajudará muito a aumentar o reconhecimento de sua marca. O mesmo se aplica às lojas online. As imagens são úteis para vender produtos.

Uma imagem bem projetada e abrangente também pode impactar bastante a imaginação de seus visitantes, ajudando você a obter mais cliques e visualizações orgânicas.

Com isso dito, esperamos que você tenha achado este conteúdo útil e considere compartilhá-lo com alguém que precise.

Agradecemos a sua visita e se você tiver alguma dúvida ou preocupação sobre este assunto, sinta-se à vontade para nos informar no comentário abaixo.