Post thumbnail height problem

Question

I am trying to create a square thumbnail with auto crop with size of 300px 300px. I only get the width of 300px but the height is auto, i think is not cropping.

I tried this:

add_image_size( 'custom_image_size', 300, 300, true );
the_post_thumbnail('custom_image_size'); 

and this

set_post_thumbnail_size( 300, 300, true ); 
the_post_thumbnail(); 

but i get the width 300px and the height is auto. I also tried to Regenerate Thumbnails by using a wordpress plugin. So what should i do to get the thumbnail 300px with 300px ?

Images have dimensions: 1600 × 1200... so the images are bigger then 300px in width and height.

Answer 1

As the two comments above said: The Uploaded Image has to be larger than 300px * 300px to get 300px * 300px at the end.

WordPress just scales down Images, but does not scale up Images.

Answer 2

You need to crop by height. I believe passing two values as 300 means WP will look what the most is that is can resize the image to before it exceeds 300px in either width of height. Try this (untested);

add_image_size( 'custom_image_size', 9999, 300, true );

As the others have said, your code won't work unless the original image is large enough to work with.

Answer 3

So i followed this link how-to-get-larger-images-in-a-wordpress-gallery and i changed the Thumbnail size to 300px with 300px from SETTINGS -> MEDIA, and then run a Regenerate Thumbnails. Now the thumbnails are ok by using the code

<?php the_post_thumbnail( array(300,300) ); ?>

Answer 4

The best solution for this is Timthumb(https://code.google.com/p/timthumb/) or you can check this post where they did something on fly and it's working also

https://wordpress.org/support/topic/add-image-size-doing-width-but-not-height-or-crop