Images are being cropped and then stretched

  • MY WEBSITE:
    https://www.holestories.com

    WHAT’S HAPPENING (THE PROBLEM):
    The images on my site are being cropped and then stretched to fill the space that was cut off… I looked in the .php files, but I can’t seem to find what’s causing this issue.

    NOTICE:
    You can see the big pictures are cropped (because you’ll notice that the words are cut off in the pictures), and then stretched to make it 100% the width of the column. The thumbnails are doing the same thing.

    WHAT I WOULD LIKE TO ACCOMPLISH:
    – I would like all pictures to be in the proportion of 4:3 (width:height). What I mean is that most of my main pictures are horizontal where the height is 75% of the length.
    – I would like to have this happen to all main pictures (big and small, main page as well as category and tag pages)
    – If a main picture happens to have a height that is more than its width, than perhaps crop those rare pictures to a square (??)

    Help is much appreciated! Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)

  • I would like all pictures to be in the proportion of 4:3 (width:height)

    Then you need to edit them using an image editor (Photoshop or GIMP) before you upload them. Anything not in that proportion will be stretched, compressed, or cropped when they get uploaded. There is simply no way around this.

    Thread Starter LSummers

    (@lsummers)

    Kjodle,

    I’ve already edited the images in GIMP to exactly the proportions I want (4:3). My theme is cropping it to a perfect square and then stretching the square back to fit the same space…

    I’m sure if I just delete something in the .php files to tell it to stop cropping it to a square, it’ll be fine – I’m just not sure what is causing this to happen…

    Thread Starter LSummers

    (@lsummers)

    NOTICE:
    You can see the big pictures are cropped (because you’ll notice that the words are cut off in the pictures), and then stretched to make it 100% the width of the column. The thumbnails are doing the same thing.

    Do you see what I mean? The already perfect pictures are being cropped and then re-stretched to fit… See the words are cut off? This is what I meant when I originally wrote this “NOTICE”

    Settings >> Media –> Image Sizes

    Make sure everything you select there is in a 4:3 proportion.

    Then try a test post with a new image. (Not one that you’ve previously uploaded.) If that works, then use this plugin:

    https://www.ads-software.com/plugins/ajax-thumbnail-rebuild/

    to rebuild your thumbnails.

    If it’s not that, it may be something weird about your theme.

    Thread Starter LSummers

    (@lsummers)

    Nope, still doesn’t work…

    Here’s my new post I just made attaching an image:
    https://www.holestories.com/new/

    (see how the words are still cut off?)

    I set the media settings to “400:300” as well in the functions.php file. Yet, it’s still cropping it to 280:280 (where in the world is coming from)?!

    where in the world is coming from

    Probably from somewhere in your theme.

    I set the media settings to “400:300” as well in the functions.php file.

    Always a bad idea to edit WP or theme core.

    Thread Starter LSummers

    (@lsummers)

    No, there’s nothing in the theme options (besides the media options that I’ve already changed) that influence the picture size. I’ve combed through about 4,093 times and have read every word… nothing.

    So my only option was to mess with the .php files. And, as previously mentioned, even that is not working. I’ve looked at every mention of “image” or “img” in the .php files. None of which are 280×280. Yet 280×280 is what I’m getting on the homepage.

    Any ideas?

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Images are being cropped and then stretched’ is closed to new replies.