Como Corrigir Problemas Comuns de Imagem no WordPress (Guia Definitivo)

Imagens são uma parte fundamental para fazer seu conteúdo se destacar.

Quer você esteja adicionando imagens destacadas, galerias ou visuais inline, fazer com que tudo seja exibido corretamente pode exigir um pouco de solução de problemas, especialmente à medida que seu site cresce.

Na WPBeginner, passamos mais de 16 anos ajudando usuários do WordPress a resolver todos os tipos de desafios relacionados a imagens, desde falhas no upload até peculiaridades na exibição.

Neste guia passo a passo, vamos guiá-lo pelos problemas mais comuns de imagens do WordPress e mostrar como resolvê-los de forma rápida e confiante. 🏞️

Como este é um artigo detalhado, aqui está a lista de problemas relacionados a imagens que abordaremos neste artigo. Você pode usar estes links rápidos para pular para um tópico específico:

• Como fazer upload de imagens no WordPress
• Como alinhar uma imagem à esquerda ou à direita no WordPress
• Como adicionar legendas abaixo das imagens
• Como exibir fotos em colunas e linhas
• Como criar galerias de imagens responsivas no WordPress
• Como corrigir miniaturas de postagem / imagem destacada ausentes
• Como adicionar imagens de capa em posts e páginas do WordPress
• Como corrigir o problema da imagem destacada aparecendo duas vezes
• Como cortar imagens no WordPress
• Como adicionar uma imagem de cabeçalho no WordPress
• Como adicionar uma imagem de fundo no WordPress
• Como otimizar imagens para WordPress sem perder a qualidade
• Como adicionar atributos de título a imagens do WordPress
• Como encontrar imagens gratuitas para seus posts de blog do WordPress
• Como categorizar e marcar imagens no WordPress
• Como Importar Imagens Externas no WordPress
• Como Exigir Imagens Destacadas para Posts no WordPress
• Como definir uma imagem destacada padrão no WordPress
• Como Criar Tamanhos de Imagem Adicionais no WordPress
• Como impedir que o WordPress gere tamanhos de imagem
• Como Prevenir o Roubo de Imagens no WordPress
• Recursos Bônus: Mais Guias Definitivos do WordPress

Como fazer upload de imagens no WordPress

O WordPress torna super fácil o upload de imagens para suas postagens, páginas e áreas não de conteúdo, como barras laterais.

Para fazer upload de imagens em postagens e páginas do WordPress, você simplesmente precisa adicionar o bloco de Imagem ao editor de conteúdo.

Você também pode adicionar o bloco de Imagem simplesmente digitando /image em um bloco de ‘Parágrafo’.

O editor começará a mostrar os blocos que você pode inserir assim que começar a digitar.

O WordPress agora adicionará o bloco de Imagem ao editor de conteúdo.

Você precisa clicar no botão ‘Upload’ para selecionar e enviar a imagem do seu computador.

Você também pode selecionar uma imagem previamente enviada da sua ‘Biblioteca de Mídia’.

Após enviar a imagem, você verá uma prévia em tempo real da imagem no editor.

Você também verá as configurações da imagem no painel direito. A partir daí, você pode fornecer 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, alinhar imagens à esquerda, direita ou ao centro é fácil.

Simplesmente selecione a imagem clicando nela e, em seguida, clique no botão de alinhamento na barra de ferramentas do bloco.

Você pode ter notado como alguns blogs populares do WordPress usam imagens com texto ao redor delas.

Isso é feito usando o recurso de alinhamento.

Alternativamente, você também pode usar o bloco ‘Mídia e Texto’ em vez do bloco ‘Imagem’.

Este bloco é feito especificamente para adicionar imagens ao lado do texto.

Você pode então enviar uma imagem e 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 orientação detalhada, você pode conferir 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 legendas para imagens facilmente. Após fazer o upload de uma imagem, você verá a opção de adicionar uma legenda logo abaixo da prévia da imagem.

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

Como exibir fotos em colunas e linhas

Frequentemente, 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 de férias. Você pode adicioná-las uma por uma em uma postagem, mas isso parecerá uma longa lista de imagens.

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

O WordPress vem com um bloco embutido 'Galeria' que permite adicionar facilmente imagens em linhas e colunas com prévias em miniatura.

Simplesmente adicione o bloco 'Galeria' ao editor de postagens e selecione as imagens que deseja fazer o upload.

Para instruções mais detalhadas, você vai querer ver nosso guia sobre como criar uma galeria de imagens no WordPress.

Como criar galerias de imagens responsivas no WordPress

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

Se você frequentemente faz upload de imagens e fotografias para o seu site WordPress, então você precisará de um plugin 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 mais informações sobre o plugin, você pode conferir nossa análise completa do Envira Gallery.

A melhor parte é que ele adiciona funcionalidades extras como álbuns, modelos de galeria, compartilhamento social, slideshows, marca d'água, paginação, proteção por senha, marcação, visualização em tela cheia e muito mais.

Outro plugin popular de galeria de fotos para WordPress é o NextGEN Gallery. Ele oferece muitos layouts de galeria e uma bela galeria lightbox para exibir imagens no WordPress.

O NextGEN Gallery também inclui recursos poderosos para fotógrafos profissionais, como prova de fotos, processamento de impressões, proteção de imagens, addon Adobe Lightroom, gateways de pagamento PayPal e Stripe, e muito mais.

Para mais detalhes, você pode conferir nossa análise completa do NextGEN Gallery.

Como corrigir miniaturas de postagem / imagem destacada ausentes

A maioria dos temas do WordPress permite que você exiba proeminentemente uma imagem destacada com seus artigos. Vamos ver como definir uma imagem destacada no WordPress para evitar miniaturas ausentes.

Primeiro, você precisa clicar em ‘Definir Imagem Destacada’ para fazer o upload da miniatura do seu post.

Após fazer o upload da imagem, você poderá ver a miniatura do seu post na caixa de metadados da imagem destacada, assim.

Para mais detalhes, veja nosso guia sobre como adicionar uma imagem destacada ou miniatura de post no WordPress.

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

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

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

Para adicionar uma imagem de capa, você simplesmente precisa adicionar o bloco de Capa ao editor.

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

Agora você verá uma prévia ao vivo da sua imagem de capa no editor de blocos. 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 vs. imagem destacada no WordPress e como usá-las de forma eficaz.

Como corrigir o problema da imagem destacada aparecendo duas vezes

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

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

Fazer isso fará com que sua imagem destacada apareça duas vezes. Uma como imagem destacada e outra como uma imagem dentro da postagem.

Você pode adicionar outras imagens dentro da sua postagem, mas sua imagem destacada vai na caixa de imagem destacada.

Para mais detalhes, sinta-se à vontade para ler nosso guia sobre como corrigir imagens destacadas aparecendo duas vezes em postagens do WordPress.

Como cortar imagens no WordPress

Ao fazer 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 o seu upload original. Mas, às vezes, você pode precisar cortar a imagem em um tamanho diferente.

O WordPress não é o Photoshop, mas vem com alguns recursos de edição básica de imagens como redimensionar, cortar, espelhar e girar imagens.

Simplesmente vá para Mídia » Adicionar Nova e carregue sua imagem. Após carregar a imagem, você verá um link ‘Editar’ ao lado da imagem carregada.

Clicar nele abrirá a tela ‘Editar Mídia’, onde você verá um botão ‘Editar Imagem’ logo abaixo da imagem. Isso abrirá o editor de imagens do WordPress.

A partir daqui, você pode clicar no botão ‘Editar Imagem’ abaixo da prévia da imagem. Isso abrirá a tela de edição de imagem.

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

Se você usa o editor de blocos, pode cortar imagens usando o recurso de corte integrado na barra de ferramentas da imagem.

Simplesmente clique em um bloco de imagem e selecione o ícone ‘Cortar’ na barra de ferramentas.

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

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

Para obter instruções mais detalhadas, você pode consultar nosso guia sobre como cortar, girar, redimensionar e espelhar imagens no WordPress.

Como adicionar uma imagem de cabeçalho no WordPress

Uma imagem de cabeçalho no WordPress é um recurso do 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 uma imagem de cabeçalho apenas para a página inicial.

Você pode fazer o upload da sua própria imagem de cabeçalho personalizada na página Aparência » Personalizar.

Se você usar um tema de Blocos, o local para editar o cabeçalho do seu tema é diferente.

Primeiro, você precisa ir para Aparência » Editor.

Em seguida, selecione 'Padrões'.

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

Depois disso, você vai querer rolar para baixo até a seção 'Partes do Modelo'.

Depois de fazer isso, basta selecionar '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 do tema do WordPress. Muitos temas do WordPress suportam imagens de fundo personalizadas.

Visite Aparência » Personalizar para iniciar o 'Personalizador de Temas'.

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

É um recurso do tema, por isso varia de um tema para outro. Dependendo do seu tema, você verá opções diferentes para estilizar sua imagem de fundo.

Se o seu tema não suportar uma imagem de fundo, você ainda pode usar um plugin para adicionar imagens de fundo em tela cheia ao seu site.

Como otimizar imagens para WordPress sem perder a qualidade

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

Além de serem mais rápidas para fazer upload, as imagens otimizadas carregam mais rápido no front-end, 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 motores de busca também consideram a velocidade da página ao classificar sites. Imagens otimizadas contribuem para tempos de carregamento mais rápidos, potencialmente aumentando sua classificação de busca.

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

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

Adicionalmente, você pode querer considerar o carregamento preguiçoso (lazy-loading) de suas imagens. Essa tática impedirá que os navegadores carreguem as imagens em seu site até que o usuário role a página até a localização da imagem.

Como adicionar atributos de título a imagens do WordPress

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

Isso pode melhorar a experiência do usuário, fornecendo contexto adicional para seus visitantes. Por exemplo, se você tem 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 SEO para WordPress. Embora não afetem diretamente o ranking de busca, eles podem ajudar os motores de busca a entender o conteúdo da sua imagem e melhorar a acessibilidade do seu site.

Para 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 seus posts de blog do WordPress

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

Frequentemente perguntamos por nossos leitores sobre como encontrar as melhores imagens isentas de royalties para usar em seus posts.

Existem muitos sites onde você pode encontrar imagens isentas de royalties para usar. No entanto, você logo notará que as imagens nesses sites parecem superutilizadas 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 mais referências.

Alternativamente, você também pode usar IA para gerar imagens exclusivas e fazer seus visuais se destacarem da concorrência.

Como categorizar e marcar imagens no WordPress

Se você tem um blog de fotografia, notará 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 navegá-las facilmente?

Felizmente, existem alguns ótimos plugins que permitem fazer exatamente isso. Para mais detalhes, veja nosso artigo sobre como adicionar categorias e tags à Biblioteca de Mídia do WordPress.

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

O Envira Gallery permite que você crie galerias de fotos bonitas e prontas para dispositivos móveis no WordPress. Usando tags, seus usuários podem facilmente filtrar e classificar fotos sem nem mesmo recarregar uma página. Veja nossa análise detalhada do Envira Gallery para mais informações sobre o plugin.

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 verdade para usuários que estão importando blogs do Blogger, Squarespace, ou WordPress.com.

Embora as imagens em seu site possam parecer corretas, elas ainda estão sendo carregadas de uma fonte externa. Para resolver esse problema, tudo o que você precisa fazer é instalar e ativar o plugin Auto Upload Images.

O plugin verificará imagens externas assim que 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 instruções detalhadas, consulte nosso guia sobre como importar imagens externas no WordPress.

Como Exigir Imagens Destacadas para Posts no WordPress

Ao gerenciar um site de múltiplos autores no WordPress, alguns de seus autores podem não estar familiarizados com a funcionalidade de imagem destacada.

Nesse caso, você pode querer lembrar a si mesmo ou aos seus usuários de fazer o upload de uma imagem destacada sempre que estiverem enviando uma postagem no WordPress.

Você pode fazer isso instalando e ativando o plugin PublishPress Checklists.

Uma vez ativado, o plugin exibirá um ponto de exclamação vermelho e uma aba 'Checklist' informando aos usuários que esta postagem requer uma imagem destacada.

Você e seus usuários poderão salvar postagens como rascunhos, mas não poderão publicar a postagem até adicionar uma imagem destacada.

Veja nosso artigo sobre como exigir imagens destacadas para postagens no WordPress para mais instruções.

Como definir uma imagem destacada padrão no WordPress

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

É aqui que uma imagem destacada padrão pode ser útil. Uma imagem destacada padrão é usada quando um artigo não tem sua própria imagem destacada.

Você pode definir uma imagem destacada padrão usando o plugin Imagem destacada padrão.

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

Como Criar Tamanhos de Imagem Adicionais no WordPress

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

Se você deseja criar tamanhos de imagem adicionais para o seu site WordPress, precisará registrá-los adicionando código personalizado ao arquivo functions.php do seu tema.

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

Como impedir que o WordPress gere tamanhos de imagem

Como explicado anteriormente, o WordPress cria vários tamanhos de imagem para seus uploads, incluindo miniaturas, médias e tamanhos grandes. Estes são úteis 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, pode impedir que o WordPress gere esses tamanhos adicionais.

Para descobrir como fazer isso, você pode ler nosso tutorial sobre como impedir que o WordPress gere vários tamanhos de imagem.

Como Prevenir o Roubo de Imagens no WordPress

Às vezes, os usuários podem roubar imagens do seu site WordPress para usar 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 prevenir o roubo de imagens desabilitando o clique com o botão direito, adicionando uma marca d'água às suas imagens, desabilitando o hotlinking e adicionando avisos de direitos autorais.

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

Recursos Bônus: Mais Guias Definitivos do WordPress

Esperamos que este artigo tenha ajudado você a corrigir alguns dos problemas de imagem mais comuns no WordPress. Se você deseja se aprofundar na otimização do WordPress, confira estes guias:

• Como Alterar um Tema do WordPress Corretamente
• O Guia Definitivo para Editar um Site WordPress
• O Guia Definitivo para Fazer Backup do Seu Site WordPress
• O Guia Definitivo para Aumentar o Desempenho do WordPress
• O Guia Definitivo para Manutenção do WordPress
• Guia para Iniciantes para Solução de Erros no WordPress
• Como Redefinir as Configurações do Banco de Dados do WordPress para o Padrão

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