Thumbnail Cropping with add_image_size?

Refer to the add_image_size() Codex entry:

<?php add_image_size( $name, $width, $height, $crop ); ?>

The $crop parameter is the key:

(boolean) (optional) Crop the image or not. False – Soft proportional crop mode ; True – Hard crop mode.

Default: false

That is:

  • False (default): box-resize – (resize image against the constraining dimension)
  • True: hard-crop – crop the image exactly to the specified dimensions

Thus your code should work:

// Add Theme support
add_theme_support( 'post-thumbnails' );

// Register custom image sizes
add_image_size( 'post-thumb', 620, 207, true );
add_image_size( 'home-thumb', 220, 180, true );
add_image_size( 'index-thumb', 300, 100, true );

If you find that your images are not being rendered/displayed properly, there are a couple of things to verify:

  • For images added prior to implementation of these custom image sizes, you will need to regenerate the thumbnails for those images
  • Image sizes will not be generated for images that are not at least as large as the specified dimensions of a given image size. Thus, ensure that your images are at least as large as your largest-specified hard-crop image size. (Box-resized images are not as constrained, and only need to be at least as large as the smallest dimension of a given image size.)

Related Posts:

  1. How to get image title/alt attribute?
  2. How to disable WordPress from creating thumbnails?
  3. How do you get the post thumbnail size?
  4. Minimum Dimensions Requirement for Featured Image?
  5. Generate Thumbnails only for Featured Images
  6. How to Dynamically Resize WordPress Image On-The-Fly (custom field/theme option)
  7. Display thumbnail only if requested size exists
  8. the_post_thumbnail responsive srcset not populating with custom image size
  9. How to add multiple image sizes of the same size with add_image_size
  10. New image size version only for the Featured Image file
  11. Can’t extract and set SVG dimensions
  12. Getting custom-sized featured image’s URL?
  13. Showing a placeholder/default img, if no featured image is set
  14. Featured image with the same height thumbs returns wrong thumb
  15. How to change the naming of the resized image files
  16. Change Output for Images in Content
  17. Can WordPress crop only the post thumbnails?
  18. Allow user to manually set crop area of default/custom image sizes on upload [closed]
  19. How to get the image sizes, in a function, as per the sizes mentioned in the media settings?
  20. Resizing Images to lower Disk Space Using Plugins
  21. How to change _wp_attachment_metadata specific value in SQL?
  22. Autogenerated Thumbnail compression depending on size
  23. Only create image size when used in featured image
  24. How can I get a different image size, if all I have is the link?
  25. How to get custom image sizes into media uploader dropdown?
  26. WordPress resizes image to the same size as uploaded
  27. add_image_size and add_filter(‘image_size_names_choose’, ‘my_custom_image_sizes’) not working with wordpress 3.5.2
  28. wordpress responsive image srcset not working
  29. Customising the size of images served in Visual Composer elements [closed]
  30. How do I get a random image from subset of images in media gallery?
  31. How to scale up post thumbnails/featured image?
  32. Why are extra 92 pixel square thumbnails created?
  33. wp-cli regenerate media is not working for custom sizes
  34. Upload 3 different featured image sizes to WordPress
  35. Remove dimensions from filename featured image
  36. Can a thumbnail of an animated gif be animated?
  37. WordPress Uploader Editor shows broken image
  38. Why does the Hard Crop option Scale?
  39. How do I set the default “feature image” size?
  40. How to get full absolute url for post attachment?
  41. thumbnails are getting clipped down, want to resize instead
  42. How check that there is post thumbnail feature image or not on wordpress?
  43. If I Regenerate Thumbnails, would WordPress delete the existing Thumbnails and replace them with ‘new copies’?
  44. How to get cropped thumbnail source for custom post type
  45. Exclude featured image from attachment loop
  46. 2 image size for post
  47. adaptive featured images wordpress 4.4 grid
  48. Featured Image Not Working when loaded from sub-domain
  49. How can I see where in my themes and plugins certain image sizes are used?
  50. Generate image for newly added size
  51. How to both crop (with tool) and resize thumbnails having only a max width constrain?
  52. “Medium” size image displayed instead of “thumbnail” in only one post, other posts are fine
  53. wp_get_attachment_image_src match smallest edge
  54. How to create resized versions of images added with wp_insert_attachment
  55. WordPress returns old thumbnail size after changing media settings
  56. Custom image size in the_content loop
  57. remove and disable image link in functions.php
  58. specify size of post preview image (not post thumbnail)
  59. Display featured image file size, extension, filename, type, orientation?
  60. media-library: how to insert thumbnails with a fixed width, regardless of landscape/portrait orientation
  61. the_post_thumbnail(‘my_image_size’) always outputs full image
  62. Server B handling add_image_size() differently than Server A
  63. Post thumbnail throwing size limit parameters in
  64. Get thumbnail image according to the screen
  65. Image with large file size not cropping
  66. What can I do if I set a gif as featured image? no thumbnail when i share on facebook
  67. images not showing despite using add_theme_support(‘post-thumbnails’);
  68. Resizing thumbnails retrospectively
  69. Trying to show link “Use as featured image” from Attachment window from t31os script
  70. post thumbnail: increase dimension if smaller than… Possible?
  71. Images uploaded on frontend display correctly but not in media editor.
  72. Generating very small sized thumbnails from featured image
  73. Make image full width
  74. How risize a thumbnail?
  75. Unrestricted height thumbnails
  76. custom thumbnail image size not working
  77. Is wordpress compressing my images? if so, how to prevent it?
  78. Custom caption output for custom image size
  79. Display post thumbnail in foreach loop
  80. How to attach images that I “insert from url” into the post?
  81. the_post_thumbnail(‘medium’) still gives thumbnail-size img
  82. How to update custom image sizes?
  83. Attachment Image using wrong src?
  84. Create an instance of add_image_size
  85. custom image size not being fetched
  86. Thumbnails are hard cropped not matter what
  87. Featured image size always cropped bottom
  88. Using the_post_thumbnail do not rollback to original image if specified thumbnail does not exist
  89. Missing image size
  90. Post thumbnail not displaying correct size
  91. Making a ‘featured image’ become the image for a full banner (top of page) image in a blog post?
  92. wp_get_attachment_image_src() works on index, but not on Archives
  93. Featured Image, and Image in post
  94. Trouble Retrieving Thumbnail URL on Front-Page
  95. Always generate thumbnail after sideloading image
  96. setting featured image is not working while running script in background, works when running that script from browser
  97. Custom image sizes are not used
  98. Editing featured image
  99. How to modify Media Library images DPI [ image quality down to make small in size ] [closed]
  100. wordpress featured image