Globally resizing certain images

In a recent theme update, the width of the theme's main column was widened from 690px to 770px, and the overall site width was widened from 1050px to 1200px.

These changes mean that all featured images previously uploaded as full width or at main column width are now too small.

What is the best method to efficiently and effectively resize the legacy images?

In an ideal world, this could be done systematically with some kind of review process for images that get too blurry. Images that scale up okay would be left alone, ones that are too blurry could be replaced.

Note that not all of the images were sized precisely at the theme's legacy max width dimensions. Some 1200px images were uploaded with the theme reducing them to 1050px. These should be fine as is. Same for images that were 800px or more put in the 690px spot. However, of the hundreds of featured images in the media library, it's unknown how many images are 770/1200 or more and how many didn't meet those dimensions. So any systematic resizing would obviously ignore the ones that meet the new dimensions.

  • Adam Czajczyk
    • Support Gorilla

    Hello Erich,

    I hope you're well today and thank you for your question!

    Just to make sure that we're on a same side here: are you referring to one of our themes? If so, could you please let me know which one?

    In case it's not our theme, could you point me to its download link (if it's freely available) or provide me with a support access to your site via our WPMU DEV Dashboard plugin (as described here) so I could test it for my self and suggest solution?

    Thanks!
    Adam

  • Predrag Dubajic
    • Support

    Hi Erich,

    Themes usually have defined certain image sizes that are used, so when you upload new image to WP it will create thumbnails of those images to be used in different parts of theme.

    For example, let's say your theme has 800x600 and 600x400 image defined, when you upload 1000x800 image you will end up with three images, original one and two thumbnails defined by the theme.
    Depending on theme code different image sizes will now be used in different places.

    What you can start with in your case is regenerating your thumbnails with plugin like this one:
    https://wordpress.org/plugins/regenerate-thumbnails/
    This plugin will use your original image and create new thumbnails defined in updated theme.

    This process should take care of most of your images but you will still have issues with the images that are smaller than the larger thumbnail.
    For example, if in update there are 900x700 and 500x300 thumbnails defined and your original image is 600x400 it will only create 500x300 thumbnails since WP can't create thumbnails that are larger than the original image.
    For these images you will need to upload larger images again so that WP can create required thumbnails.

    Hope his all makes sense and let us know if you have any additional questions :slight_smile:

    Best regards,
    Predrag

  • Erich
    • WPMU DEV Initiate

    I already ran Force Regenerate Thumbnails.

    Among the 100s of featured images in the media library, what's the most efficient and effective way to identify the featured images that were smaller than the new 770px wide dimension? And what workflow do you recommend for replacing them? Thanks.

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.