How to Troubleshoot & Fix WordPress Image Errors

WordPress

In this article, discover how to address and resolve image problems in WordPress. There could be several factors causing images to not show up correctly on WordPress sites. Below are different situations along with the relevant steps to troubleshoot image issues on WordPress websites.

1. Fix image thumbnails not displaying

After making configuration changes, WordPress may encounter problems displaying thumbnails for images that were previously uploaded. The Regenerate Thumbnails plugin can help resolve this issue.

  1. Install & Activate the plugin in WordPress.
  2. If you want to regenerate all of the thumbnails for your site:
    1. Under the Tools menu, click on Regen. Thumbnails
    2. Click on the Regenerate All Thumbnails button.
  3. If you want to update individual image thumbnails:
    1. Click on Media from the WordPress navigation bar.
    2. If you are in the Grid view, you will need to click the List view in your Media Library.
    3. Locate the image and hover over it so you can click on the Regenerate Thumbnails link.

Following the steps outlined will bring you to a page that displays the successful regeneration of the images.

2. Fix duplicate featured images in WordPress

When WordPress is improperly set up, it can result in duplicated featured images within your posts or pages. The following steps can help you resolve the issue of duplicated featured images.

  1. Click on Pages or Posts depending which you need to edit.
  2. Click the edit under the Page or Post title.
  3. Click on the image in the text box.
  4. Click the Remove button to remove the image.
  5. Click the Update button to publish your changes.
  6. Review your page or post to verify that the duplicate featured image has been removed.

3. Fix an image that links to itself in WordPress

If WordPress is not set up correctly, it may cause the images in your posts or pages to link directly to the image files themselves. This can lead to a negative experience for users, as clicking on an image may redirect them away from your content, or a search engine might link to the image rather than your article. You can follow these steps to resolve this problem.

  1. Click on Pages or Posts depending which you need to edit.
  2. Click the edit under the page or post title.
  3. Click on the image in the text box.
  4. Click the Edit button to edit the image.
  5. Click the drop-down menu for Link To and select None.
  6. Click the Update button to save your changes to the image.
  7. Click the Update button to publish your changes to the page or post.
  8. Review your page or post to verify that the duplicate featured image has been removed.

4. Fix mixed content errors in WordPress

Once you have installed an SSL and activated HTTPS, you might notice that certain images no longer display correctly. If you have recently set up an SSL, adhere to one of the following sets of instructions to resolve your problem.

Using a plugin

Follow these steps to install the Really Simple SSL plugin.

  1. Install & Activate the plugin in WordPress.
  2. Under Settings select SSL.
  3. Providing your SSL is active, you can click the Go ahead, activate SSL! button.
  4. Review your site to verify that your images display properly.

Note: This is a third-party WordPress plugin; please check the developer’s page for any usage-related issues.

Using the .htaccess or web.config file

  1. Connect to your hosting using FTP.
  2. Redirect HTTP to HTTPS automatically from cPanel Redirect option.
  3. After setting up the HTTPS redirect, review your site to verify that your images display properly.

5. Troubleshoot and fix missing WordPress images

If any of your images are missing, it’s likely due to a permissions issue with the corresponding files or folders. You can follow the steps outlined below to identify and resolve permission-related problems.

Checking for permissions issues

  1. You can test to see if an image has permissions problems or is missing by going to the URL of the image in your browser. Example: http://example.com/wp-content/uploads/2020/04/Capture.png
  2. If you get an error trying to get to the image, it is either missing or has incorrect permissions.
  3. Before checking permissions, it’s best to verify the file exists first. You can find the URL to an image from within the Media Library.
  4. Connect to your hosting using FTP.
  5. You can browse to the /wp-content folders.
  6. Confirm the permissions are correct for the /wp-content directory.
    • 755 for Linux accounts
    • Read and Write for Windows accounts
  7. If the /wp-content folder or the files within do not have read or web visible permissions, they won’t be visible and you’ll need to update them.

Note: If adjusting the permissions didn’t allow your images to be seen or the image is missing from the folder, you will need to re-upload the image and reinsert it on the page.

6. Change image dimensions in WordPress

If you possess an image that does not meet the required dimensions on your page or post, it needs to be modified.

  1. Click on Pages or Posts depending which you want to edit.
  2. Click the edit under the page or post title.
  3. Click the Add Media button.
  4. Select the image you wish to insert.
  5. Under the Attachment Display Settings on the right, select the desired size from the Size drop-down.
  6. Click the Insert into page button.

You have successfully changed the dimensions of the image you are editing.

Thanks for visiting. For queries and suggestions, emails are welcome at learnweb@hostingcolumn.com.

Subscribe to Hosting Column for the latest updates and posts.