Support » Developing with WordPress » Images rendering as thumbnails

  • Can someone help me troubleshoot image sizes rendering too small? This is a new problem using the same site and procedure as I have for a year.

    The most perplexing thing is that it is specific to one source (we have subscriptions with a few stock companies and all of our subscriptions are up to date).

    When I place images from that one source now, they are tending to render to a thumbnail size. Specifics below:

    1. If I don’t place anything next to them, single images render to the correct size.
    2. If I remove the caption, they render fine regardless of being placed next to other images. Once I add back a caption, they revert back to thumbnail size.

    Even images that I placed in stories months ago that were fine then, if I place them now, they render as thumbnails under these 2 conditions. Images from any other source that I place beside or anywhere else in the story renders at the normal size. I did some testing and even old pictures that were fine in old stories render to thumbnails in newly created stories.

    The only way to avoid this would be to copy and paste the image as a completely new image and save with no metadata — obviously can’t be the solution. Any ideas?

      (I plan on reaching out to this specific stock company when they open, but I think it’s something on our end.)

    Viewing 3 replies - 1 through 3 (of 3 total)
    • Moderator bcworkz

      (@bcworkz)

      Use your browser’s element inspector tool to learn what image file is actually referenced as the img tag’s src attribute. Also note what other files are referenced in the srcset attribute, if it exists. If the src file’s native size is large enough but rendering small, the issue is likely within your theme’s CSS. If the CSS is interpreted for the image to be a small size, the browser might ignore the src attribute and instead get a reasonable smaller size from srcset.

      Also look at what size class is assigned to the captioned image’s overall div container. If the size is not appropriate for your need, you need to alter the captioned image block’s settings.

      The above suggestions have nothing to do with the image’s original source. I’m unsure how that’s a factor. Try comparing the source HTML for images from different sources but applied to the same situation. What’s different might be a good clue into why there’s a difference.

      FYI, WP does have some reasonable upper image size. When we upload really large images, WP downsizes the image and never uses the full size as uploaded. I don’t think this is a factor, but it could be?

      Thread Starter melburroughs

      (@melburroughs)

      Thank you so much. You are right – it appears any image renders small with one line or less caption now (this was not the case in the past). The longer the caption, the larger the image renders. I can see the sizes changing as I use the element inspector tool, but I don’t don’t how to alter the captioned image block’s settings.

      Moderator bcworkz

      (@bcworkz)

      Alter image size by selecting the image in the editor. Access its settings through the gear icon. There are various image size settings. The drop down lets you select a registered size (medium, large, thumbnail, etc.). This manages what file is used. The numeric sizes are the img tag attribute values and may or may not impact the displayed size which is also affected by CSS rules. The percentage sizes just update the numeric fields.

      The size differing by caption size sounds like something your theme is doing. If can come up with better CSS to manage image/caption sizing in the element inspector, copy your better CSS to the customizer’s Additional CSS section to override the theme’s default CSS.

    Viewing 3 replies - 1 through 3 (of 3 total)
    • The topic ‘Images rendering as thumbnails’ is closed to new replies.