How to crop thumbnails?

  • I’ve been messing with the crop feature under ‘Media’ and while I figured out how to crop and save my changes, I don’t think they’re being displayed correctly, or something…

    I was trying to fix an issue with a thumbnail where some of the text was getting cut off, and after much fiddling the image just decided to shrink until it fit the width of the thumbnail frame. Unfortunately this also causes a slideshow to show the full image size on mouseover, which looks out of place.

    If I can’t get this to work, is there at least a way to revert it? Before the image had fit inside a 450px × 335px thumbnail, now it just looks like this…

    https://oi44.tinypic.com/2q8vh9x.jpg

    The image on the right is the size it should be, one on the left needs to go back to what it was.

    I’ve skimmed over the image editing tutorials but I think I’m either missing something or the crop settings aren’t saving. Help please?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter SugarRave

    (@sugarrave)

    I fixed the slideshow on the front page by uploading a cropped version of the image (if only I could have two separate post thumbnails for the same page or something), but I still need to figure out how I’m going to make the other image match it.

    You can set custom image size that crop automatically.

    In functions.php add

    // My custom image sizes ($name, $width, $height, $crop)
add_image_size('my-image-size', 450, 335, true);

    more information here: https://codex.www.ads-software.com/Function_Reference/add_image_size

    Thread Starter SugarRave

    (@sugarrave)

    Is there a way to do it outside of PHP? I’m still a total noob and the last time I did anything to functions.php I got locked out of WP.

    Adding custom image sizes? There may be a plug-in, however, for such a simple thing, I wouldn’t recommend it.

    Thread Starter SugarRave

    (@sugarrave)

    Okay, thanks anyway. I’ll keep looking

    wpismypuppet

    (@wordpressismypuppet)

    This might help, might not… but it’s a plugin we use all the time on our sites. It gives you the ability to choose the focal point on the image when it gets “crunched” into the different file sizes.

    https://www.ads-software.com/plugins/imagefocuspoint/

    Basically you upload your image, then find it in the media library, and then edit it. You can use your mouse to click anywhere on the image where you’d like it to crop from. By default WordPress uses the center of the image and crops top/bottom/left/right off the image to make it’s thumbnails. If text is getting cropped, set the focus point to the text and it should remain in the newly cropped thumbnails.

    This doesn’t always fix the issue and sometime you need to make a properly sized image before you upload it to WordPress, but this does help a lot of the time.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to crop thumbnails?’ is closed to new replies.