Como corrigir problemas comuns de imagem no WordPress (guia definitivo)

O gerenciamento de imagens no WordPress nem sempre é simples. Sem as ferramentas ou técnicas certas, a correção de problemas relacionados a imagens pode ser frustrante e demorada.

Embora as imagens sejam essenciais para tornar seu site WordPress envolvente e visualmente atraente, ainda podem surgir problemas. Ouvimos muitos usuários que suspeitam que suas imagens estão afetando o tempo de carregamento do site, a qualidade da exibição ou o tamanho.

Esses problemas podem afetar negativamente o desempenho do seu site e a experiência do usuário.

Na WPBeginner, usamos o WordPress há mais de 16 anos, carregando imagens de forma consistente para aprimorar nosso conteúdo e aumentar o envolvimento. Durante esse tempo, aprendemos as melhores maneiras de lidar com esses problemas de forma eficiente.

Neste guia, mostraremos como corrigir problemas comuns de imagem no WordPress, ajudando você a melhorar a velocidade, a aparência e o desempenho geral do seu site.

Como este é um artigo detalhado, aqui está a lista de questões relacionadas a imagens que abordaremos neste artigo. Você pode usar esses links rápidos para pular para um determinado tópico:

Como fazer upload de imagens no WordPress

O WordPress facilita muito o upload de imagens para seus posts, páginas e áreas sem conteúdo, como as barras laterais.

Para carregar imagens em posts e páginas do WordPress, basta adicionar o bloco Image (Imagem) ao editor de conteúdo.

Você também pode adicionar o bloco Image simplesmente digitando /image em um bloco ‘Paragraph’.

O editor começará a mostrar os blocos que podem ser inseridos assim que você começar a digitar.

O WordPress agora adicionará o bloco Image ao editor.

Você precisa clicar no botão “Upload” para selecionar e carregar a imagem do seu computador.

Você também pode selecionar uma imagem carregada anteriormente da sua “Biblioteca de mídia”.

Depois de fazer o upload da imagem, você verá uma visualização ao vivo da imagem no editor de conteúdo.

Você também verá as configurações de imagem no painel direito. A partir daí, você pode fornecer o texto alternativo da imagem, selecionar o tamanho da imagem e personalizar o estilo da imagem.

Como alinhar uma imagem à esquerda ou à direita no WordPress

Com o WordPress, é fácil alinhar as imagens à esquerda, à direita ou ao centro.

Basta selecionar a imagem clicando nela e, em seguida, clicar no botão de alinhamento na barra de ferramentas do bloco.

Você deve ter notado como alguns blogs populares do WordPress usam imagens com texto em volta delas.

Isso é feito usando o recurso de alinhamento.

Como alternativa, você também pode usar o bloco “Mídia e texto” em vez do bloco “Imagem”.

Esse bloco foi criado especificamente para adicionar imagens ao lado do texto.

Em seguida, você pode carregar uma imagem e um texto lado a lado.

Você também pode usar a barra de ferramentas do bloco para alterar o lado da imagem ou do texto.

Para obter orientações detalhadas, consulte nosso guia sobre como alinhar imagens usando o editor de blocos do WordPress.

Como adicionar legendas abaixo das imagens

O WordPress permite que você adicione facilmente legendas às imagens. Depois de carregar uma imagem, você verá a opção de adicionar uma legenda logo abaixo da visualização da imagem.

Da mesma forma, você também pode adicionar legendas às galerias de imagens no WordPress. Para obter mais detalhes, consulte nosso guia sobre como adicionar legendas a imagens no WordPress.

Como exibir fotos em colunas e linhas

Muitas vezes, os usuários nos perguntam como exibir fotos de forma organizada em colunas e linhas.

Digamos que você queira compartilhar fotos de uma festa de aniversário ou fotos de férias. Você pode adicioná-las uma a uma em uma postagem, mas isso parecerá uma longa lista de imagens.

A melhor maneira de agrupar suas fotos é criar galerias de imagens.

O WordPress vem com um bloco “Gallery” integrado que permite adicionar facilmente imagens em linhas e colunas com visualizações em miniatura.

Basta adicionar o bloco “Gallery” ao editor de postagens e selecionar as imagens que você deseja carregar.

Para obter instruções mais detalhadas, consulte nosso guia sobre como criar uma galeria de imagens no WordPress.

Como criar galerias de imagens responsivas no WordPress

Você perceberá que as galerias de imagens padrão do WordPress não têm vários recursos. Por exemplo, elas também não são muito fáceis de navegar.

Se você faz upload de imagens e fotografias com frequência em seu site WordPress, precisará de um plug-in de galeria de fotos para WordPress.

Recomendamos o uso do Envira Gallery. Ele permite que você crie facilmente galerias de imagens bonitas e totalmente compatíveis com dispositivos móveis em seu site WordPress.

Para obter mais informações sobre o plug-in, confira nossa análise completa da Envira Gallery.

A melhor parte é que ele acrescenta funcionalidades adicionais, como álbuns, modelos de galeria, compartilhamento social, apresentações de slides, marca d’água, paginação, proteção por senha, marcação, exibição em tela cheia e muito mais.

Outro plugin popular de galeria de fotos do WordPress é o NextGEN Gallery. Ele oferece vários layouts de galeria e uma bela galeria lightbox para exibição de imagens no WordPress.

A NextGEN Gallery também inclui recursos avançados para fotógrafos profissionais, como prova de fotos, atendimento de impressão, proteção de imagem, complemento do Adobe Lightroom, gateways de pagamento PayPal e Stripe e muito mais.

Para obter mais detalhes, confira nossa análise completa da NextGEN Gallery.

Como corrigir miniaturas de postagens ausentes / imagem em destaque

A maioria dos temas do WordPress permite que você exiba com destaque uma imagem em destaque com seus artigos. Vamos dar uma olhada em como definir uma imagem em destaque no WordPress para evitar a falta de miniaturas.

Primeiro, você precisa clicar em “Set Featured Image” (Definir imagem em destaque) para carregar a miniatura da postagem.

Depois de carregar a imagem, você poderá ver a miniatura da postagem na meta-caixa da imagem em destaque, assim.

Para obter mais detalhes, consulte nosso guia sobre como adicionar uma imagem em destaque ou uma miniatura de postagem no WordPress.

Como adicionar imagens de capa em posts e páginas do WordPress

As imagens de capa são imagens amplas ou de largura total que podem ser usadas como separador entre diferentes seções de um artigo ou de uma página de vendas extensa.

Elas são altamente envolventes e ajudam os usuários a examinar facilmente uma página sem se sentirem sobrecarregados por muito texto.

Para adicionar uma imagem de capa, basta adicionar o bloco Cover ao editor de conteúdo.

Em seguida, você precisa carregar a imagem que deseja usar do seu computador ou selecionar uma na Biblioteca de mídia. Se não quiser usar uma imagem, você também pode selecionar um fundo colorido como capa.

Agora você verá uma visualização ao vivo da sua imagem de capa no editor. Você pode alterar as opções de exibição da imagem de capa na barra de ferramentas do bloco ou usar as configurações à direita.

Para saber mais, consulte nosso guia sobre a diferença entre imagem de capa e imagem em destaque no WordPress e como usá-las com eficiência.

Como corrigir o problema da imagem em destaque que aparece duas vezes

Inserir a imagem em destaque dentro do conteúdo é um erro comum cometido por iniciantes.

Depois de definir uma imagem em destaque, você não precisa inseri-la na postagem junto com o conteúdo.

Isso fará com que sua imagem em destaque apareça duas vezes. Uma vez como a imagem em destaque e outra como uma imagem dentro da postagem.

Você pode adicionar outras imagens em sua postagem, mas a imagem em destaque vai para a caixa de imagem em destaque.

Para obter mais detalhes, leia nosso guia sobre como corrigir imagens em destaque que aparecem duas vezes nas postagens do WordPress.

Como cortar imagens no WordPress

Quando você faz upload de imagens do seu telefone ou câmera, elas geralmente são muito grandes.

O WordPress cria automaticamente tamanhos de imagem pequenos, médios e grandes para seu upload original. Mas, às vezes, você pode precisar cortar a imagem em um tamanho diferente.

O WordPress não é um Photoshop, mas vem com alguns recursos básicos de edição de imagens, como dimensionar, cortar, inverter e girar imagens.

Basta acessar Mídia ” Adicionar novo e carregar sua imagem. Depois de carregar a imagem, você verá um link “Edit” (Editar) ao lado da imagem carregada.

Ao clicar nela, será aberta a tela “Edit Media” (Editar mídia), na qual você verá um botão “Edit Image” (Editar imagem) logo abaixo da imagem. Isso abrirá o editor de imagens do WordPress.

A partir daí, você pode clicar no botão “Edit Image” (Editar imagem) abaixo da visualização da imagem. Isso abrirá a tela de edição de imagem.

Na tela do editor de imagens, você verá botões para executar algumas tarefas básicas de edição de imagens, como cortar, girar, redimensionar etc.

Se você usar o editor de blocos, poderá cortar imagens usando o recurso de corte integrado na barra de ferramentas de imagem.

Basta clicar em um bloco de imagem e selecionar o ícone “Crop” (Cortar) na barra de ferramentas.

Depois disso, você pode ajustar a proporção da imagem e a área cortada da imagem de acordo com sua preferência.

Você pode usar sua proporção de aspecto original ou uma predefinida pelo WordPress.

Para obter instruções mais detalhadas, consulte nosso guia sobre como cortar, girar, dimensionar e inverter imagens no WordPress.

Como adicionar uma imagem de cabeçalho no WordPress

Uma imagem de cabeçalho no WordPress é um recurso de tema. Muitos temas gratuitos e premium do WordPress vêm com suporte para imagens de cabeçalho.

Alguns temas do WordPress permitem que você defina uma imagem de cabeçalho para todo o site, enquanto outros permitem que você defina apenas uma imagem de cabeçalho para a página inicial.

Você pode carregar sua própria imagem de cabeçalho personalizada na página Appearance ” Customize (Aparência ” Personalizar ).

Se você usar um tema Block, o local para editar o cabeçalho do tema será diferente.

Primeiro, você precisa ir para Appearance ” Editor.

Em seguida, selecione “Patterns” (Padrões).

Isso o levará a uma página na qual você poderá acessar o padrão de cabeçalho do seu tema.

Depois disso, role a tela para baixo até a seção “Template Parts” (Partes do modelo).

Depois de fazer isso, basta selecionar “Header” (Cabeçalho) e clicar no modelo de cabeçalho para editá-lo.

A partir daí, você pode adicionar um bloco de imagem ao padrão de cabeçalho, como faria na primeira seção deste artigo.

Como adicionar uma imagem de fundo no WordPress

Assim como a imagem de cabeçalho personalizada, uma imagem de fundo personalizada é um recurso de tema do WordPress. Muitos temas do WordPress suportam imagens de fundo personalizadas.

Acesse Appearance ” Customize para abrir o “Theme Customizer”.

Se você puder ver a opção “Imagem de fundo”, então seu tema tem suporte para fundos personalizados.

Esse é um recurso de tema, e é por isso que varia de um tema para outro. Dependendo do seu tema, você verá diferentes opções para estilizar a imagem de fundo.

Se o seu tema não for compatível com uma imagem de fundo, você ainda poderá usar um plug-in para adicionar imagens de fundo em tela cheia ao seu site.

Como otimizar imagens para WordPress sem perder sua qualidade

Um dos problemas mais comuns com imagens que os usuários do WordPress encontram é como compactar suas imagens sem perder a qualidade.

Além de serem mais rápidas para carregar, as imagens otimizadas carregam mais rapidamente na frente, o que melhora a experiência do usuário e reduz a taxa de rejeição. Isso ocorre porque elas consomem menos largura de banda, economizando no uso de dados para usuários com conexões de Internet limitadas.

Os mecanismos de pesquisa também consideram a velocidade da página ao classificar os sites. Imagens otimizadas contribuem para tempos de carregamento mais rápidos, o que pode aumentar sua classificação na pesquisa.

Felizmente, otimizar imagens é algo muito fácil de fazer. Tudo o que você precisa é de uma boa ferramenta de otimização de imagens, como o Optimole, para executar suas imagens.

Para obter mais informações, consulte nosso guia sobre como otimizar imagens sem perder qualidade.

Além disso, talvez você queira considerar o carregamento lento de suas imagens. Essa tática impedirá que os navegadores carreguem as imagens do seu site até que o usuário role a tela para baixo até o local da imagem.

Como adicionar atributos de título a imagens do WordPress

Embora não sejam essenciais para o funcionamento da imagem, os atributos de título fornecem uma breve descrição da imagem que aparece quando o usuário passa o mouse sobre ela.

Isso pode melhorar a experiência do usuário ao fornecer contexto adicional aos visitantes. Por exemplo, se você tiver uma imagem de um delicioso bolo de chocolate, um atributo de título como “Bolo de chocolate caseiro” pode ser útil.

Os atributos de título também podem ser benéficos para o SEO do WordPress. Embora não afetem diretamente a classificação de pesquisa, eles podem ajudar os mecanismos de pesquisa a entender o conteúdo da sua imagem e melhorar a acessibilidade do seu site.

Para obter instruções passo a passo, confira nosso guia sobre como adicionar atributos de título às suas imagens no WordPress.

Como encontrar imagens gratuitas para suas postagens no blog do WordPress

As imagens podem fazer com que seus artigos se destaquem. No entanto, você deve respeitar os direitos autorais de outras pessoas e encontrar imagens que tenham permissão legal para usar.

Nossos leitores nos perguntam com frequência sobre como encontrar as melhores imagens livres de royalties para usar em suas postagens.

Há muitos sites em que você pode encontrar imagens livres de royalties para usar. No entanto, você logo perceberá que as imagens nesses sites parecem excessivamente usadas e genéricas.

Você pode ver nossa lista das melhores fontes de imagens gratuitas de domínio público e com licença CC0 para obter mais referências.

Como alternativa, você também pode usar a IA para gerar imagens exclusivas e fazer com que seus recursos visuais se destaquem da concorrência.

Como categorizar e marcar imagens no WordPress

Se você tem um blog de fotografia, perceberá que o WordPress não permite classificar fotos e imagens.

Não seria ótimo se você pudesse adicionar tags às suas imagens para que você e seus usuários pudessem procurá-las facilmente?

Felizmente, existem alguns plugins excelentes que permitem que você faça exatamente isso. Para obter mais detalhes, consulte nosso artigo sobre como adicionar categorias e tags à Biblioteca de mídia do WordPress.

Para um blog relacionado a fotografia, a melhor opção é usar o Envira Gallery, que vem com um complemento para adicionar tags.

A Envira Gallery permite que você crie galerias de fotos bonitas e prontas para dispositivos móveis no WordPress. Usando tags, seus usuários podem filtrar e classificar fotos com facilidade, mesmo sem recarregar a página.

Como importar imagens externas no WordPress

Essa pergunta surge com frequência quando você está migrando seu site para o WordPress. Algumas imagens em seu site podem ainda estar apontando para um local mais antigo.

Isso é especialmente verdadeiro para usuários que importam blogs do Blogger, Squarespace ou WordPress.com.

Embora as imagens do seu site possam aparecer corretamente, elas ainda estão sendo carregadas de uma fonte externa. Para resolver esse problema, tudo o que você precisa fazer é instalar e ativar o plug-in Auto Upload Images.

O plug-in verificará se há imagens externas quando você atualizar ou salvar qualquer post ou página. Você pode fazer isso manualmente para cada post ou página, ou pode editar em massa todos os posts e simplesmente clicar no botão de atualização.

Para obter instruções detalhadas, consulte nosso guia sobre como importar imagens externas no WordPress.

Como exigir imagens em destaque para posts no WordPress

Ao executar um site com vários autores no WordPress, alguns de seus autores podem não estar familiarizados com a funcionalidade de imagem em destaque.

Nesse caso, talvez você queira lembrar a si mesmo ou aos seus usuários de carregar uma imagem em destaque sempre que estiverem enviando uma publicação no WordPress.

Você pode fazer isso instalando e ativando o plug-in PublishPress Checklists.

Depois de ativado, o plug-in exibirá um ponto de exclamação vermelho e uma guia “Checklist” informando aos usuários que esse post requer uma imagem em destaque.

Você e seus usuários poderão salvar postagens como rascunhos, mas não será possível publicar a postagem até que você adicione uma imagem em destaque.

Consulte nosso artigo sobre como exigir imagens em destaque para postagens no WordPress para obter mais instruções.

Como definir uma imagem em destaque padrão no WordPress

Encontrar a imagem em destaque perfeita para cada postagem ou artigo é uma tarefa difícil. Às vezes, talvez você não queira adicionar uma imagem em destaque a uma postagem, mas seu tema pode parecer estranho sem ela.

É nesse ponto que uma imagem em destaque padrão pode ser útil. Uma imagem em destaque padrão é usada quando um artigo não tem uma imagem em destaque própria.

Você pode definir uma imagem em destaque padrão usando o plug-in Default featured image (Imagem em destaque padrão ).

Para obter mais instruções, consulte nosso guia sobre como definir uma imagem em destaque padrão no WordPress.

Como criar tamanhos adicionais de imagem no WordPress

Por padrão, o WordPress cria e salva diferentes tamanhos de suas imagens carregadas, inclusive miniaturas. Seu tema do WordPress também pode gerar diferentes tamanhos de imagem.

Se quiser criar tamanhos de imagem adicionais para o seu site WordPress, será necessário registrá-los adicionando um código personalizado ao arquivo functions.php do seu tema.

Para saber mais, consulte nosso guia sobre como criar tamanhos adicionais de imagem no WordPress.

Como evitar que o WordPress gere tamanhos de imagem

Conforme explicado anteriormente, o WordPress cria vários tamanhos de imagem para seus uploads, incluindo miniaturas, tamanhos médios e grandes. Isso é útil para exibir imagens em diferentes contextos em seu site.

No entanto, se você estiver usando tamanhos de imagem personalizados ou quiser otimizar o espaço de armazenamento do seu site, poderá impedir que o WordPress gere esses tamanhos adicionais.

Para saber como fazer isso, leia nosso tutorial sobre como evitar que o WordPress gere vários tamanhos de imagem.

Como evitar o roubo de imagens no WordPress

Às vezes, os usuários podem roubar imagens do seu site WordPress para usá-las em seus próprios sites. Isso pode ser muito frustrante, especialmente se você tirar suas próprias fotos ou criar seus próprios gráficos.

Felizmente, você pode evitar o roubo de imagens desativando o clique com o botão direito do mouse, adicionando uma marca d’água às suas imagens, desativando os hotlinks e adicionando avisos de direitos autorais.

Para saber mais, consulte nosso guia sobre como evitar o roubo de imagens no WordPress.

Esperamos que este artigo tenha ajudado você a corrigir alguns dos problemas de imagem mais comuns no WordPress. Talvez você também queira ver nosso guia para iniciantes sobre solução de erros do WordPress e nosso guia prático sobre como redefinir o banco de dados do WordPress para as configurações padrão.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.