Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

Deseja corrigir problemas comuns de imagem no WordPress?

O WordPress vem com algumas ferramentas muito boas para gerenciar e editar imagens. Você pode facilmente carregar imagens, alinhá-las e até mesmo editá-las no WordPress. No entanto, os usuários podem demorar um pouco para descobrir esses recursos de edição de imagens.

Neste artigo, abordaremos os problemas de imagem mais comuns no WordPress e como corrigi-los.

Fixing common image issues in WordPress

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:

Precisa de ajuda para corrigir problemas de imagem no WordPress? No WPBeginner Pro Services, oferecemos suporte de emergência para WordPress a preços acessíveis para resolver todos os seus problemas de imagem do WordPress ou outros problemas do site, de forma rápida e confiável. Pare de se estressar com o seu site e cuide dele. Agende hoje mesmo os serviços de suporte emergencial para WordPress!

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.

Adding an image block to your WordPress website

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 podem ser inseridos assim que você começar a digitar.

Adding image block

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.

Select and upload image

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.

Image preview

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.

Dica profissional: Está tendo problemas com o upload de imagens no WordPress? Confira nosso guia sobre como corrigir o problema de upload de imagens no WordPress.

Como alinhar uma imagem à esquerda ou à direita no WordPress

Com o WordPress, é fácil alinhar 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.

Image alignment options

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

Isso é feito usando o recurso de alinhamento.

Image aligned left with text on the right

Como alternativa, você também pode usar o bloco Media & Text em vez do bloco Image.

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

Media and text block

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.

Image next to the text in WordPress

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.

Write caption for an image in WordPress

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.

Adding a gallery in WordPress

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.

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.

NextGen Gallery

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.

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.

Setting a featured image for a WordPress post

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.

Featured image preview in post editor

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.

Add the Cover block

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.

Dica: é melhor usar uma imagem grande para obter um resultado melhor.

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.

Cover image preview

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.

Featured image appearing twice

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, consulte nosso guia sobre como corrigir imagens em destaque que aparecem duas vezes em publicações 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), onde você verá um botão “Edit Image” (Editar imagem) logo abaixo da imagem. Isso abrirá o editor de imagens do WordPress.

Editing image in 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.

WordPress image editing features

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.

Clicking the Crop button in the Image Block Toolbar

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.

Selecting an aspect ratio in the Image Block Toolbar

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

Header options

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

Primeiro, você precisa ir para Appearance ” Editor.

Selecting the Full-Site Editor from the WordPress admin panel

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.

Patterns in site editor

Depois disso, role 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.

Selecting the Header pattern on the WordPress Block Editor

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, a imagem de fundo personalizada também é um recurso de tema do WordPress. Muitos temas do WordPress vêm com suporte para imagens de fundo personalizadas.

Visite Appearance ” Customize para abrir o Theme Customizer. Se você puder ver a opção Background Image (Imagem de fundo), então seu tema tem suporte para fundos personalizados.

Custom background

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, e passar suas imagens por ela. Para obter mais informações, confira nosso guia sobre como otimizar imagens sem perder a qualidade.

Compressing images automatically using powerful machine learning algorithms

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.

An example of an image with a title attribute in WordPress

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

Finding images for blog posts

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.

Filter images by category

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.

Envira Gallery tags feature

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.

Auto Upload Images plugin settings

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.

Publish button will be disabled

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

Default featured image

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 nossa lista dos erros mais comuns do WordPress e como corrigi-los e nossas escolhas de especialistas para os melhores plug-ins do WordPress para expandir seu site.

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.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

264 ComentáriosDeixe uma resposta

  1. Patricia Mulvey

    I’m having trouble with featured images warping when published. They look fine in the media library, but they distort horizontally when I set them as featured images.

  2. Guest

    When I am sharing my post the image is not coming up as a thumbnail on other social sites…. ? How to fix that ?

  3. Meenakshi

    Hi, I am using the cutomizr theme on wordpress. The “Add media” button doesn’t work, because of this I am not able to upload any images.

    Can you please provide some help in this regard?

  4. Patricia Goertzen

    I can’t believe this! I just spent 20 minutes typing out my problem and then had to sign in and everything I worked on seems to be lost!

    I guess I have to start over. I am Executive Director of a Not-for-Profit. I picked Wordpress because it was supposed to be user friendly. But I have not found that to be the case; especially when updating. Our theme doesn’t work properly and I’m afraid to update WP because last time it blocked my site completely and I had no way to get in. I had to have our server manager access the site to disable plugins. Anyway, right now we are running a Christmas fair as a fundraiser and I have a vendors map that has to be updated a number of times a week. We create the jpeg and no matter how we upload – using drag and drop to the media file or directly to the post, or select files to either of those, or the different browser scenario – multi or otherwise, there is no consistency as to whether the post will show as the new picture or the old picture, even when we can see that the post and media show the new picture, when we log in to the front end with more than one different computer and check the link on the post for the picture, the last uploaded one shows up. We have not been able to figure out how we finally upload and it usually takes an hour or more of trying. There should be a consistent way to upload the new image directly to the post and then be able to click the hyperlink on the front end to get the new picture. I don’t know how to do code.

  5. chris

    I am Using Nextgen gallery for slideshow in my posts. Previously it was working fine. I am not sure what went wrong, it is not working like before. I can upload images to create nextgen gallery , but not able to see the thumbnails. If i click that broken thumbnail it’s displaying an image. Getting an error message saying “GD Library missing” . Suggest me to fix this issue. Thanks in advance.

  6. Gil

    I’m new to Wordpress. I just imported 400 plus posts with images and the images doubled on every post. Any fix?Do I have to remove the featured images manually?!?!

  7. WPBeginner Staff

    To troubleshoot this issue, we would recommend you to deactivate all plugins and switch to a default WordPress theme like Twenty Twelve or Thirteen. After that try to reupload the images that caused issues earlier. If you are unable to reproduce the problem then this means there is an issue with your theme or a plugin on your site.

    Hope this helps

  8. JoshFrets

    Whenever I include a caption on a photo, the photo gets cropped––a chunk gets taken off the right side. Without a caption, every photo is perfectly responsive.

    Has anyone else had this issue? Is it a WP thing, or my theme?

  9. Manuel Echeverry

    need some help here. On some post when I publish them the images wont load, it shows a broken image icon, but if you click the icon the image opens fine.

    i detected that this happens with some pictures with dimensions bigger that 3.000 x 3.000 pixels but it ts not always and reducing the resolution not allways solve the problem.

    I also notices that the problematic images change the URL type from multimedia to custom URL, so y changed it to multimedia URL when edit the post and the image loads fine again.

    so my question is, why the wordpress editor change the url of some of my images to custom URL generating this load image problem? and how to solve it

  10. WPBeginner Staff

    Their are two common causes of this issue.

    1. Your theme is displaying images that are not regenerated for the image size used by the theme for featured images. In this case, you need to regenerate new image sizes

    2. Your theme does not have an image size associated with featured image and it is using the img width and height parameters to scale images down to fit in the thumbnail area. In this case, you need to add a new image size for your thumbnails.

  11. Elizabeth

    How do I keep a featured image from becoming distorted or stretched out?

  12. Gabriel

    Hello WPBeginner Community!

    I have a question about WordPress that has left me dumbfounded. I am currently running version 3.9.1, and something weird happened. In the image editor window, the tabs have disappeared, so I can no longer toggle between Edit Image and Advanced Settings. I was wondering if you know how I can restore the tabs.

    Thank you in advance.

    Best,
    Gabriel

  13. kelly

    Thanks for the tip on Importing External Images! Just wondering if any one came across a problem with uploading gifs, only to have them automatically renamed (by wordpress) as a jpg (via add media)? And when you physically check your files via FTP or file manager, the so-called .jpg file is just not there. How to solve this problem?

  14. guil2209

    The text doesn’t always align correctly anyway. The problem with text wrapping is that if your last line is too short the sentence is cut and ends below the picture instead of being align with the rest of the paragraph. That looks like shit.. I have solved most of these issues by using tables.

    Like:

    your photo or text

    your photo or text>

    That solution works great for me. It prevents pictures from resizing and it makes the text aligned perfectly and prevents some other issues. I create a third cell that I leave blanc to have a space between the two cells.

  15. Dan

    I am new to Wordpress and I notice sometime when I add a photo to a web page the photo is simply white (not the photo I selected). If I click on the photo, I can see the image I was trying to upload onto the page but when I hit the back arrow the image goes back to being just white. Have you an idea how to fix this. It doesn’t happen all the time.

  16. WPBeginner Staff

    Contact your web host. Check the support threads for all the plugins you have installed, see if someone else is having the similar issue. Also check your theme’s support forums to see if some users have reported similar issue.

  17. Secret Style

    Some great tips! I generally do not have problems with images, only once posts are over 6 months old. I do a lot of beauty and product reviews so even after 12 months my posts are still valid and searched for but images seem to disappear from the post? Even on my pages, every 8 months or so I have to re-load images as they just disappear.
    Any suggestions?

  18. Lara G

    Hi. I’m having a different problem and am wondering if you can help. I am using the adament theme. It creates sliders for the galleries in a portfolio. However, the slider is cutting off everyone’s faces and showing only feet, and is also too big. Is there any way to fix this?

    • WPBeginner Support

      Sorry but we are unable to provide support for individual WordPress themes. Please contact theme developers and they will be able to help you better.

      Administrador

  19. Dan

    I am still wondering about something. I removed the default image linking. When I go into my wordpress media files, they all have their own web addresses than can allow comments, allow me to do seo, etc.. Can I get rid of those webpages? It is a different address than the one that was used in image linking before I removed it.

    Thank You.

  20. Connor Doherty

    I have been using Wordpress since September and I have found it to be a great way to publish articles with an insane amount of GIFs and images! Before I used to be able to simply paste everything (gifs and photos) from my google doc into my wordpress post without any issue. But now it seems that whenever I try to do so the images and GIFs don’t come up and I have to input them (add media) into the article individually. Is there a reason for this change? I find that it’s a lot more time consuming and tedious and I’m not sure why it’s this way now. Am I missing something?

    • WPBeginner Support

      Connor, we never tried copy pasting an article with images from Google Docs into WordPress. We believe that on your older posts WordPress was able to show images as remote images, this means your images were probably stored with public viewing access on Google docs. It seems like they are not publicly viewable on Google docs so when you copy paste your article from Google Docs to WordPress, it is unable to display the images.

      It might be tedious and a bit extra work for you, but we think that importing images through media is a much better approach. Also you can try Import External Images plugin and see if it helps you easily import images.

      Administrador

  21. Deborah Maas

    I have an image question – I publish posts with no problem, but when it comes to sharing them on Facebook, I am only able to select a thumbnail from an option of three images, even though I include many more than that, and the one I want to be the thumbnail with the link I share on Facebook, is unavailable, even if I have set it to featured image. How can I specifically select the exact image I want to appear beside the Facebook link?

    • WPBeginner Support

      This is a known issue with facebook. When a Post is shared through the Like button on a site facebook correctly detects featured image. However, when the URL is posted in the status box, then facebook fetches the images inside the article and ignores the featured image.

      Administrador

  22. Catherine

    Hi,

    I’m facing problem with featured image when i make a new post, successfully set featured image, but the image isn’t show up after posting. I’d checked the screen options, and the featured image is selected. What did I do wrong ?

    Need your advice.

    Thanks.

    • WPBeginner Support

      Featured Images are basically a theme feature, this means how a featured image is displayed on your site is handled by your WordPress Theme. There are thousands of WordPress themes so it is difficult for us to provide you theme specific support. Please contact your theme support and they will be help you better in this regard.

      Administrador

  23. Nikhil

    thanks for all these helpful tips. I have a problem on my wordpress blog which i hope you can solve. I have a tempera theme installed and have manually set the width of the content area and sidebar widget area. however when i upload photos to my posts, the images get cut off from the right side. They also appear really stretched out in the “Add new post” composer. How do I resolve this problem?

    Thanks
    nikhil

    • WPBeginner Support

      Nikhil it seems like your modifications to the theme are not working as you expected. First backup your theme files so that your modifications are safe. Then install a fresh copy of theme and try it on. If the image problems do not appear in the theme with no modifications, then you need to fix the changes you made to your theme.

      Administrador

  24. SM-Mahdavi

    Thanks,, its very usefull and easy to learn for begginers.

  25. David Weight

    This is a very useful site, very helpful. One thing I’m having a problem with that I’ve not seen a question about.

    I’ve got a page for a client that lists everyone there. I’ve needed to add a new person to the gallery – image and details, all done and correct. The order of the gallery has been correct, the new person needs to show on the page as the last person. This looks correct in the order in the gallery, but when I publish the updated page, they’re appearing first in the column, not last.

    I’m sure it’s something really obvious that I’m missing… any one got any suggestions? It would be really helpful.

  26. Doreen

    Lately when I’ve been adding a permalink to a SM site such as FB or Google +, the image that appears automatically has nothing to do with the post I want to feature but with another post I wrote about three months ago.

    Any clue as to why this is happening?

    Thanks so much!

    • Gord

      Facebook has a size limit and sometimes this is all it is. I say sometimes because in my experience, FB is full of surprises. I believe any dimension must be at least 400px. Works for me.

  27. amber

    one of my fav features was being able to customize the size once a picture was added to a post by clicking on the buttons in the top left hand corner – this afternoon i updated my site and now it seems those buttons aren’t working. they still appear but don’t lead anywhere.

    HELP?? :))

  28. Valerie

    Hi – I’m following your instructions, but I’m having a lot of trouble “wrapping’ text around images in WP. Sometimes the text will wrap, but when I do the exact same thing on the next page, it won’t. Also, sometimes the images will resize for me, sometimes not. It’s getting frustrating.

    I’ve googled for the answer to this but the closest I could come up with was this post on your blog (I’m a subscriber to you guys – great info).

    I’m not new to WP, but this is a new portfolio site for my writing and I want it to look nicer than what I’ve been doing and have some consistency across the pages… again, frustrating when the behavior of the CMS isn’t consistent.

    Any advice you can give me would be great. Thanks!

    • WPBeginner Support

      Valerie, if you use the Visual post editor, then after adding an image you will be able to see how the text around the image behaves inside the post editor. Or you can click on the preview button to see how it behaves. In visual post editor all you need to do is click on edit image button on the image and then adjust the alignment. Hope this helps.

      Administrador

  29. Aliona

    Hi, I have a problem. I can’t add any pictures to Media Library, it says ” Error saving media attachment” or ” “xxxxxx.jpg” has failed to upload due to an error
    Unable to create directory wp-content/uploads/2014/02. Is its parent directory writable by the server?”
    I tried to change file permissions for /wp-content/uploads/ folder to 755 but it still the same problem. Do you have any idea what can i do?
    Many thanks.

  30. Liz

    I am working on localdev of a new site using content downloaded from the current live site. I was told by the guy who hosts it that I could export posts, pages etc but not the images. In localdev, I am seeing images, even in the media library, but no image is rendering properly on the new theme because of sizing being different.

    I thought I’d go in an upload new resized images and add to all our old posts replacing the former ones. However, even if I do remove featured image and place the new sized one, I am still seeing the old image skewy. What’s the problem here, and will it be resolved only when I move the localdev site to live hosting? I am not sure what to do. Thanks.

  31. Diandra Landa

    My posts have several images. Being a food/cooking blog I tend to put the end results at the end of the posts. However, that leaves me with a picture of dough as the main image (that shows up as a big picture in the carousel on the homepage). I seem to have no contol over what image is chosen. Is it possible for me to choose the image shown?

  32. Kelly

    thanks for the tips. I am wondering if you can help me. I am trying to add a gallery onto a page. The images all get uploaded, but will not save? I try to click save and its as though it is frozen nothing happens? Any thoughts? TIA!!

    • WPBeginner Support

      Quick fix: if the images were successfully uploaded to media library you can create a gallery by selecting images from media library. As for frozen issue, there could be a few things. Check your directory permissions, increase php memory limit on your site, try testing by uploading one image at a time.

      Administrador

  33. Saeed Ghazi Joolaee

    Hi,
    Very useful basic information, But I have a strange problem in my wordpress. You talked about broken images in library and permission problems. But mine is another thing.
    Images in media library are OK but when I want edit them for example to crop a specific area for thumbnail image,(just this page http://cdn3.wpbeginner.com/wp-content/uploads/2013/10/crope-image-wordpress.jpg) the broken image is shown and I can’t edit my images totally. What’s wrong? please help me?
    Thanks in advance

  34. Mike Ogburn

    I created a simple animated GIF. When I place it in WordPress, Responsive theme, all I see is a non-animated image with the background changed from white to black (checked multiple browsers to see if this was just a Chrome issue — wasn’t). The uploaded image in the media library, however, is animated and looks just as it should. It just doesn’t work when placed on my page.

    Any solutions/work arounds?

    Thanks.

    • WPBeginner Support

      The most likely cause of this could be the image sizes. When you upload an image to WordPress, it automatically creates several copies of the image in different sizes those copies will not have your animation frames. You need to insert the image in full size to make sure it works.

      Administrador

  35. Christine Goodnough

    Very interesting information. What I’ve had trouble with is getting an e-mail picture –or scanning an image– and trying to include that in my post.

    I save the image in My Pictures and can see it there. I upload it to my Media file and can see it there. I can edit it and save the edit. I click Add media and see it in the draft. But when I post the article the picture doesn’t show up in my post. Rather, a few words like –Family photo– will show up and if you click on that, the image comes up separately.

    Why won’t this picture go into my post? I like to draw and am dismayed that I can’t post my own scanned pictures.

    • WPBeginner Support

      This could happen due to a variety of reasons. Try switching to a default WordPress theme like twenty fourteen or twenty thirteen and see if this resolves your issue.

      Administrador

  36. Lee Spencer

    I have posts with the link to photo’s to a old domain name that I no longer have. is there a way to change the links is each post with out editing each of the one at a time?

  37. Syed Balal Rumy

    After uploading image on wordpress, my image is coming very small. i am not able to fix this small size. please help ?

    • WPBeginner Support

      You probably need to change the image size to medium, or large. If that does not work, go to Media > Library and make sure that your uploaded image is there and is available in Full Size.

      Administrador

  38. Kamesjvara

    I have a problem with the featured image

    If i’m using set featured image, caption on the image will not show in the post, but if i’m using add media the caption for the image will show.

    how to fix that ? if i have 2 different gallery that not problem, but if the post is only need one photo it will be double post thumbnails :(

  39. Jeff Harris

    Regarding images for a moment, I’ve been having this problem uploading images.

    I keep getting this “Error saving media attachment..” I changed my site’s settings. My host changed permissions. And the error persists. I can’t upload anything to the site, and for an image-heavy site like mine, that’s a bad thing.

    This has been plaguing me for a month, and I need help.

    • WPBeginner Support

      The most common reason for this error is usually either file permissions or file size limit. Try changing file permissions for /wp-content/uploads/ folder to 755 or ask your host to do this for you.

      Administrador

  40. hans

    How to align or wrap gallery to the left or right (text) in WordPress?

  41. Franco

    Hi!
    May be you can help with resolving one more issue related to images.
    If a website uses front-posting or guest posts then how to restrict user access to their own images?
    The problem is users can see all images in Media Library.
    Thanks in advance!

  42. Emily

    My dream is that some site like this will have a grandma adviser. Not that you have to be an elder to be a know-not-much about techie stuff. Young people too haven’t a clue.
    I post images by putting them in my Open Office, and pasting the whole thing in. Works okay.

  43. Grandma Kc

    GREAT information! I have a question — maybe you can help? It makes me crazy that after uploading multiple images to the media library if you click edit next to one of the images to add a caption or alternate text it opens in a new tab which does not close when you hit update! So you can end up with the dashboard open in a bunch of tabs. I am running 3.6.1 and this didn’t happen with older versions — I think it started with 3.5 — do you know a way around this? Thanks!

    • WPBeginner Support

      Unfortunately there is no way around this. The Edit link is supposed to open in the new tab so that users can edit multiple images at once. We understand that you would want that new tab to close when you hit the update button, we agree it is kind of annoying to have these tabs opened. However, for other users clicking the update button does not necessarily mean that they are done editing image so I guess this is why the does not close automatically.

      Administrador

      • Grandma Kc

        Thanks for the answer! I appreciate it. Must admit I liked the old way better….. But thank you!

  44. Nandu Choudhary

    awesome tips – thanks!

  45. Lee Blue

    The first couple tips seemed very obvious, but as I progressed down the list it got more and more interesting. The gallery tips and fixing the double image post issue were my two favorite tips.

  46. Venu Hyderabad

    Recently i subscribe in your website, i got a lot of knowledge, especially in this post everything explained and easy to understand any one. thanks to share this image related post thanks a lot and share more knowledge as well..

  47. Ankit Chugh

    Super useful article… really liked the gallery option for posts…

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.