Solving issues with images on your WordPress website

Solutions to most common issues when using images on your site

Images are very important elements of websites and can complement your written content in a professional and appealing way. Especially editorial websites, like modern online magazines or dynamic news websites benefit a great deal from images. Our WordPress themes make use of featured images to display thumbnails (small / large preview images) of different sizes in widgets, within posts and on archives. In case you have issues with images on your website, please see our compilation of most common issues related to images of any kind.

General handling of images in WordPress

As soon as you upload images to your website, WordPress will generate different thumbnails of the original image for use on posts, pages, archives and within widgets. For previously uploaded images you will need to regenerate your thumbnails (e.g. by using plugins like Regenerate Thumbnails) after switching your WordPress theme to ensure that all required thumbnails are available in correct size.

Usually WordPress themes have defined different thumbnail sizes for use on posts, archives or within widgets. If you have placed widgets on your front page or within other widget areas and in case you don’t see thumbnails, you will need to upload featured images for your posts or pages. Images which you’ve embedded within your content won’t be used as featured images out of the box and therefore you’ll need to set these manually or use plugins to assign images automatically.

How to upload images to your WordPress website

You can upload images to your website in several ways. To upload featured images to posts or pages, click on the particular post or page in your WordPress dashboard and then simply click Set featured image on the right hand side of your WordPress dashboard. In case you want to embed images within your content on posts or pages (not featured images), you can simply click the Add Image button of the text editor and insert the preferred image as you like.

When you navigate to Media in your WordPress dashboard, you can access your Media Library. There you can see all previously uploaded images (featured, non featured, logos, background images etc.), click on images for more details and you can upload new images through the media library as well. For more information about the handling of images in WordPress, please see this tutorial: Basics of Images in WordPress.

While writing new posts, or modifying existing ones, you can assign any uploaded image as your featured image and this image will be used as thumbnail for that particular post on archives and within widgets. For more information, please see: How to use featured images in WordPress.

To assign featured images, simply click Set featured image to open your Media Library from which you can choose any previously uploaded image, or drag & drop new images into the Media Library. Once you have highlighted your chosen image, you can add additional information to the image, such as Caption Text which will appear directly under the image when the post is being viewed.

In case you want to change the featured image for particular posts or pages, just repeat the process of adding featured images as described above. The Set featured image link will have changed to Remove featured image, simply click this link to remove the featured image from the post (it doesn’t delete the image from your Media Library), then add a new image as you like.

If you can’t see images / thumbnails within widgets on your front page or in case there are no images shown on archives, it’s very likely that you haven’t set featured images for your posts or pages. Featured images are required to make use of these images as thumbnails for your widgets, posts and archives. Images that have been manually embedded within your post content are not being used as featured images (unless you use plugins to assign these images as featured image) and will only be displayed when that post is being viewed. Here you can find more information about featured images: How to use featured images in WordPress.

Inconsistent or inappropriate size of images in widgets

WordPress themes usually have defined their own image dimensions to ensure that suitable thumbnails are available. In case you have recently switched your WordPress theme and notice that thumbnails are not displaying as expected, for example they might be too large, too small, pixelated or blurred, then please regenerate your thumbnails. Regenerating thumbnails should solve your issues, unless the originally uploaded images are not suitable as thumbnails (e.g. too small).

If regenerating your thumbnails does not help, you can check the documentation of your theme to learn more about the minimum size for images that is required by your theme and upload suitable images accordingly. For example, if you have uploaded images with size of 500 x 300px but then want to display these images within a large slider which requires images with size of at least 1030 x 438px, then your approach won’t work as your original image simply is too small and regenerating your thumbnails won’t help in this case as you need to upload larger images first.

How to solve issues with images in slider widgets

In case you are having issues with your slider images (e.g. slider resizes images, slider jumps up and down, etc.) then you have either not regenerated your thumbnails or the images which you’ve uploaded are simply too small and you need to upload images that meet at least the required minimum image size which has been defined by your WordPress theme. Please have a look at the theme documentation of your WordPress theme to learn more about the required image dimensions. This tutorial might be helpful as well: How to fix issues with images in slider.

Customizing image dimensions of your WordPress theme

Within our WordPress themes we have defined image dimensions that are suitable for the theme design and which work well with the responsive layout of your theme for optimized results on mobile devices. However, if you are familiar with coding and in case you would like to change the image dimensions of your WordPress theme, you could make use of a child theme and modify the image dimensions based on your personal requirements. In this article you can find more information about modifying image dimensions: How to customize image dimensions in WordPress.

How to use video thumbnails as featured images in WordPress

If you’re running a website that heavily relies on videos, you might want to use video thumbnails as featured images for your posts. Manually creating these video thumbnails can be time consuming and not very straightforward when doing this on a daily basis. Luckily there are various WordPress plugins that can do this job and automatically create video thumbnails that can be used as featured images. Here you can find more information: How to add video thumbnails in WordPress.

You have not found a solution to your issue?

In case you have not found answers to your questions in this support article, please also take a look at our other support topics, as it is very likely that you will find your answer there. If you have purchased a WordPress theme by MH Themes and have a valid license to gain access to theme updates and support, then you may also send a support request for additional assistance.

Share this with your friends

30 Comments

  1. Good day, I changed my header picture and the mobile (tablet and cell) doesn’t display the same? Why? Thanks.

  2. Hi, I’ve installed my theme and I can no longer see images in the media library via the grid view, only via list view. The theme requires featured images to work correctly which I can’t select. Any ideas? Rolling back the theme, disabling plugins, etc. hasn’t helped.

    • Hi Marc, if disabling plugins doesn’t solve your issue, then it’s very likely hosting related because the media library is handled by WordPress itself and not by your WordPress theme. The media library could be affected by plugins which extend the media library with new functionality, but if you say that you have no active plugins, then it’s unlikely. However, what you could do is contact your hosting company for further analysis.

  3. Hi, I don’t know which size is best for my images, that looks great on all categories and sizes. Perhaps the thumb doesn’t look great, so I need to fix image sizes for all my images.

    • Hi Michael, you need to ensure that the size of the uploaded images meets at least the minimum requirements of your WordPress theme so that WordPress can generate all thumbnails properly. In addition you should regenerate your thumbnails after you’ve activated a new WordPress theme. For example if you’re using the MH Magazine theme, then you can find everything about images and recommended image sizes in the theme documentation.

      • Thanks, but the thumbs which are created don’t look good sometimes. When I create a thumb manually, it doesn’t show. Do I have a chance to make thumbs by myself?

  4. Hi, whenever I upload images to WordPress taken from my Nikon camera it gives HTTP errors. Kindly guide me on how to solve this.

  5. All of the images in my theme come up blurry. This just started happening in the last month. They are blurry on the slider and in the post. But when I click on the image to bring it up on its own page, the image is sharp. I regenerated the thumbnails and that made it worse. Any ideas?

    • Hi Carl, if this started last month out of the blue, then it’s very likely that there were changes on your website that now are causing your issue (updated/installed plugins, new scripts, code modifications, etc…). That means you could do some troubleshooting on your website to find the plugin or element that is causing your issue.

      In addition you could check if the uploaded images meet the minimum requirements of your WordPress theme. For example if the uploaded image is too small and scaled by the browser, then it usually will be blurry. If you’ve purchased a WordPress theme from MH Themes and have a valid license, you can also send a support request and our support staff will be more than happy to assist.

    • Hi Ian, you can upload a header image in your WordPress dashboard under Appearance => Customize => Header Image and if you upload a high-quality header image, it usually will look nice in your header across all kinds of devices and screen resolutions.

      Retina usually just means that the uploaded images are being uploaded twice as large as displayed and this isn’t something that is supported in WordPress out of the box. However, you could of course try to use plugins for retina images to support it. But please keep in mind that this may negatively affect the performance of your WordPress website.

  6. Hi, I’m using slider to display the featured images from my posts. For some posts I published, there was no featured image. But instead a blank image goes to the slider every time I publish a new post without featured image. I want to know how to avoid displaying the blank image and only display images from posts with a featured image? Thank you.

  7. I have a problem with two pictures that will not show. My webhost said the problem is in the WordPress theme, and when we remove i2.wp.com in front on the link I get my picture, but how do I fix this in the post?

    • Hi Lise, your webhost is wrong, this isn’t related to your WordPress theme. When you have i2.wp.com in front of the image URL, that means you’re using the Jetpack plugin and have activated the Photon module which is included in the plugin.

      As soon as you’ve enabled Photon, the images won’t be served anymore from your server, but from a content delivery network and in your case it seems the image isn’t available at the CDN. Either disable the Photon module or contact the Jetpack support for further assistance.

  8. On posts after the title there comes my first image. However, I do not want the image there. It is a default setting of the theme. How do I remove this?

  9. I want to force WordPress to change the order in which it selects images for Facebook sharing. Currently it defaults to featured image then image in the post. I want to reverse that. Is it possible?

  10. Some featured images have just randomly stopped appearing on my website. They were all working fine until today. Can you help me?

Leave a Comment

Your email address will not be published.


*