Featured Images Cut Off

  • Unknown's avatar

    Hello,

    1. I’ve added a featured image (photo focusing on the grass on bottom) but no matter how much I resize the image, it displays with the bottom of the image cut off. I’ve tried resizing to the recommended 1800px and 1280px to no avail. Can anyone help me show the entire featured image without the bottom cut off?

    2. The photo showing on the actual website (restingat.wordpress.com) and the featured content image post (https://restingat.wordpress.com/2017/01/02/featured-content-2/) appear to be different. Does anyone know why?

    Any help will be greatly appreciated! Thank you so much in advance.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hi,

    1. On the Dyad theme, as can be seen in the Dyad demo, and on your site, featured images of the recommended size of 1800 x 1280 pixels are automatically cropped to 1800 x 720 pixels. If the width of the original file image is less than 1800 pixels, as is the case with your image img_0117, which has the dimension 1485 x 990, then the cropped image will have the smaller width, with the constant height, in this case: 1485 x 720.

    2. On the Dyad theme, featured images are cropped differently for display on posts (and for display on the blog page and archives pages as well) than they are for the featured content slider. In each case, images of the recommended dimensions are cropped to 960 x 1280 pixels, which crops out 46.67% of the width of the original image, left and right. That’s why most of the building is cropped out in the single post version of image img_1658.

    If the original image is less than 1280 pixels in height, then the featured image produced (by the automatic cropping) for a single post will have the constant width of 960 pixels, and the width of the original file image.

    It’s not at all clear to me why the theme designers have suggested 1800 x 1280 as a file size for featured images, since there appears to be no place on the theme that the full size image can be displayed, even in a minutely scaled version.

  • Wanted to follow up on @musicdoc1’s amazing summary :)

    The exact proportions of 1800 x 1280 don’t appear on any of Dyad’s templates but they do allow the images that get uploaded to cover the different crops and aspect ratios.

    On Dyad, some areas (like the slider on the home page) will display the image in landscape orientation, while others (like the featured image on a single post) are portrait.

    the 1800px width ensures the image is wide enough for the widest usage in the theme, while the 1280px height ensures it is tall enough for the tallest usage (even if those two cases don’t occur simultaneously). :)

  • Unknown's avatar

    staff-loquaciousloon,

    Thanks for the explanation of the reasoning behind the recommended featured image dimensions for Dyad!

    Correction to my previous post:

    If the original image is less than 1280 pixels in height, then the featured image produced (by the automatic cropping) for a single post will have the constant width of 960 pixels, and the height of the original file image.

  • Unknown's avatar

    Today I noticed that I’d underestimated the number of different crops of the original file image used for featured images on Dyad. There is at least a third standard crop size of 960 x 640 that is used on single posts on narrower screens. If you narrow the browser window, the cropped version of the file image is switched automatically, from the 960 x 1280 version to the 960 x 640 version.

  • The topic ‘Featured Images Cut Off’ is closed to new replies.