Custom image size / thumbnail – Crop to aspect ratio even when source image is smaller than set dimensions

This isn’t a really good solution since it’s a newer CSS solution and it’s only working in 78.9% of users browsers, but there are a few polyfills that can overcome that object-fit-images and fitie

img {
    display: block;
    overflow: hidden;
    width: 400px;
    height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
}

Ideally it would be better if the smaller images scaled proportionally on upload, but I haven’t been able to figure out a solution for that.

Related Posts:

  1. How to delete resized (cropped) image uploads and prevent future resizing?
  2. Why WordPress automatic cropping all my images?
  3. How to resize images in wordpress without adding any compression or changing the color profile of the images, possible?
  4. get_the_post_thumbnail_url with an unregistered size
  5. Cropped featured image replaces original image in gallery
  6. add_image_size() zoom-crop
  7. add_image_sizes ignoring crop sizes and using proportion
  8. “There has been an error cropping your image” when cropping image
  9. Image resize with image url
  10. Cropping an image before inserting into a post
  11. Why can’t I edit certain images from the WordPress Media library?
  12. Custom image size not regenerating when image editted
  13. Local WordPress installation doesn’t crop images
  14. Confusion about arguments sent to add_image_size
  15. add_image_size() to crop images into squares?
  16. is it possible to crop cover images in buddypress?
  17. WordPress crops images differently on retina screens?
  18. Hero image cropped at different dimensions
  19. Show image crop window on image upload
  20. Edit image results in copies of file being created
  21. Stop WordPress from cropping images using url parameters
  22. WordPress images not cropping properly
  23. Mass crop images: Landscape images -> Portrait images
  24. How do I get a smaller size of an avatar image
  25. Force square image crop during upload?
  26. Disable image rename on upload
  27. Auto-crop width, not height
  28. wordpress add image size crop function not working in version 3.8
  29. VT-resize (great alternative to timthumb) : Errors cropping (litespeed, centos 6.3)
  30. Plugin to select the custom image crop area
  31. Apply manual image cropping not to thumbnail but medium_large size
  32. variable crop option with add_image_size()
  33. Set image dimension for WP_Customize_Image_Control images
  34. How to get WordPress to resize images for srcset?
  35. Separate Media Library for each user
  36. Maintaining image color and quality when uploading using custom sizes
  37. Bulk edit wordpress images alt and title attributes
  38. Alter media caption/description conflict in WordPress?
  39. Separate attachment images from post loop
  40. Rename attachments during upload
  41. alt, title tags not showing
  42. How can I store an image in the database with Transients API?
  43. How to prevent resized featured images?
  44. Get original image from thumbnail URL
  45. Display one random image, but only if landscape
  46. WordPress url image redirect to the homepage
  47. Bulk image rotation
  48. Is there a way to delete images from WordPress media library programmatically?
  49. Special purpose photos with each post
  50. WordPress – different icon image depends of comment number
  51. Change image url size in post editor (when cliking on image)
  52. Multiple images with Media Uploader on front-end
  53. Pull Random Attachments With Pagination
  54. image uploaded cant be shown
  55. Turn off image captions in gallery view?
  56. How to get default image sizes attribute
  57. Unyson Framework doesn’t show gallery images
  58. add_shortcode to capture URL screenshot not loading correctly
  59. Is it a good practice to change media settings on theme activation?
  60. Function to remove all classes on images inserted into posts?
  61. Images don’t update after being edited
  62. Display post image in a size defined by add_image_size()
  63. URL through custom field returning null
  64. big trouble with javascript
  65. Display cropped thumbnail not featured image
  66. Hide image gallery in Woocommerce if NO image [closed]
  67. All 3?: Responsive resizing of images + image width of actual image for small images + max-width for all larger images
  68. How to get the cropped image from media library?
  69. get rid of random string before an for an image path on wordpress
  70. Responsive Images from S3 has no srcset
  71. Image modification
  72. How to only show div of caption if caption exists on featured image
  73. How to “lazy load” post thumbnail
  74. Using srcsets in a custom block
  75. Change Image URL on upload to some random number automatically
  76. Image title replace with current date
  77. WordPress Responsive Image ( srcset ) not work properly
  78. Product Gallery Images to go into full size on Product Page
  79. How to Display Image Caption but Not Alt Text
  80. Why image Thumbnail url is not displaying with custom size?
  81. add_image_size limiting sizes (???)
  82. Automatically generate multiple image sizes for element
  83. Responsive Images in WordPress
  84. Is it possible to remove spaces from existing images? [closed]
  85. Featured image on page set as “Posts page” in Settings > Reading
  86. problem with updating metabox of upload image
  87. How to have a specific image show up for everyone who comments?
  88. Adding Image Description below Images Inserted into Posts
  89. Using file extensions in image titles
  90. Create post thumbnails from images stored outside of uploads directory
  91. php.ini -Theme-specific settings
  92. Display X images from a gallery in the sidebar
  93. How do I insert a photo at the top of the sidebar?
  94. If image width bigger than height [duplicate]
  95. How do you add text to a carousel of images like here in this example
  96. WordPress API, creating Featured Media from image url (nodejs)
  97. How do I display a PDF thumbnail as a link to the PDF without uploading the image
  98. medium_large image size not displaying properly on the frontend?
  99. Featured Image add tab
  100. ‘apply_filters’ is breaking some shortcodes/HTML but not all

Leave a Comment