How to get WordPress to resize images for srcset?

srcset is populated with all sizes of the image that are the same aspect ratio as the original image.

The reason smaller images are added to srcset if you upload the exact size is because that means that the default resized versions like medium and large will have the same aspect ratio. However, when using a custom cropped image size those smaller sizes will be created with the same aspect ratio as the original image, not the cropped custom size.

The solution to this is to register additional custom sizes with add_image_size() that are smaller than the custom size but have the same aspect ratio. WordPress will then be able to use these to populate srcset when didplaying your custom size.

Related Posts:

  1. How to delete resized (cropped) image uploads and prevent future resizing?
  2. Uploaded images don’t show in Media Library if there are special characters in IPTC Keywords
  3. Get attachment ID of author_meta image – Attachment Metadata
  4. Image resize with image url
  5. How do i upload an image and return the image id?
  6. How to upload image without post ID using the new media uploader?
  7. Rename attachments during upload
  8. add_image_size() to crop images into squares?
  9. media_sideload_image with rewritten urls?
  10. Handling image uploads without thickbox
  11. Auto delete attachments that are older than x days
  12. Show image crop window on image upload
  13. Does wp_get_attachment_image_src also work with non-image files?
  14. Get images attached to a specific page
  15. WordPress Creates Unused (Unregistered) Image Sizes
  16. Disable image rename on upload
  17. How to disable post-thumbnail from generation?
  18. Troubles with code for upload a image
  19. After I upload a file to library its name converted to dashes
  20. Upload unnattached image from frontend
  21. How does WP media uploader create the 3 different sized images, and how can I duplicate it
  22. Custom image size / thumbnail – Crop to aspect ratio even when source image is smaller than set dimensions
  23. Download an image from a webpage to the default uploads folder
  24. Allow contributor role to upload images and not edit already published articles
  25. wp_get_attachment_image_src and server path
  26. Limit image resolution on upload
  27. Media Upload Folder – how to manage
  28. How to resize images in wordpress without adding any compression or changing the color profile of the images, possible?
  29. get_the_post_thumbnail_url with an unregistered size
  30. Upload multiple images in a custom metabox
  31. hook into completed image upload filter
  32. How can I hide media library images from general users?
  33. Images uploading to wrong folder
  34. Programatically creating image attachments from local URLs and setting featured image
  35. Get Attachment ID from URL [duplicate]
  36. WordPress function: limit size, only jpg, jpeg, limit of uploaded files per account
  37. Applying class to links around self hosted images embedded to posts/pages
  38. Filter to modify post_title after image upload?
  39. Pulling Post Image Attachments in WordPress 3.9
  40. Automatically Add Caption in image
  41. Rename image during upload using date and time stamp?
  42. Link Featured Thumb to Attachment Page, If Possible
  43. Custom image size not regenerating when image editted
  44. How to disable the suffix “-scaled” which is being added at the end of each uploaded image?
  45. Image still linked as attachment to page even though it has been deleted
  46. What’s the best “insert all images” plugin?
  47. Is 700,00 jpgs too many for a WordPress site.?
  48. Add a new data attribute in tag
  49. Local WordPress installation doesn’t crop images
  50. HTTP Error when uploading files above 7mb unless using GD Image Editor
  51. Generating different dimension images while uploading image file from custom plugin page
  52. is it possible to crop cover images in buddypress?
  53. Can’t seem to attach uploaded image to post and set it as thumbnail
  54. Bulk edit of EXIF data for jpeg images uploaded in the media library?
  55. Image upload appearing as broken images following server move
  56. Get image URL after image created from canvas and sent to WP uploads with AJAX
  57. How to stop thumbnail generation from some images and different size thumbnail generate
  58. How do I fix “Sorry, this file type is not permitted for security reasons”
  59. How to implement secure frontend image upload? [closed]
  60. wp_upload_bits Upload Specific Sizes Only
  61. Change wp-content/uploads to uploads/%postname%/%image%
  62. WordPress images not cropping properly
  63. wp get attachment image always gives me thumbnail
  64. How to get the real file type for images that do not have an extension
  65. Images are not showing up in “Uploaded to this post”
  66. Images don’t update after being edited
  67. Upload attachment from external site
  68. Images not found after migrating WordPress website
  69. Error uploading images in wordpress
  70. Capitilize Alt/Title Tag in Image HTML, Reorder HTML Output
  71. What is the best way to associate multiple images to one page?
  72. How to get the cropped image from media library?
  73. VT-resize (great alternative to timthumb) : Errors cropping (litespeed, centos 6.3)
  74. Random Characters in the end of every image url in post
  75. WP_Query: attachment image in “full” size?
  76. Attachments without images
  77. Plugin to select the custom image crop area
  78. Apply manual image cropping not to thumbnail but medium_large size
  79. Save media files (images) to database instead of the filesystem
  80. Trouble with Uploading and Displaying Images
  81. WordPress Multisite: Images moved to /sites/1?
  82. wp_insert_attachment() dupplicate attachment posts
  83. How to get attachements URL from author meta and display them?
  84. How to stop a post from publishing if the file upload is not a image/gif
  85. What is the best way to handle Ajax image upload on front end?
  86. 403 Forbidden when accessing image in wordpress
  87. variable crop option with add_image_size()
  88. problem with updating metabox of upload image
  89. Missing Images in Uploads Directory (Server Only)
  90. Media upload in add comment meta box
  91. How to access & display images from a post without textual content ( and vice versa) according to best wordpress practices
  92. My image rotate 90 degree
  93. Set image dimension for WP_Customize_Image_Control images
  94. What type to upload image within theme options?
  95. How can we see which posts don’t have a featured image or it doesn’t exist anymore?
  96. Can’t manage to display an uploaded picture (uploaded from a custom button) in the front end
  97. My subdirectory sites images (except webP) are throwing to 404 page even they are exist
  98. How can I use an image from an external source without uploading it to the media library
  99. Can’t upload svg files in WordPress
  100. Random images from uploads folder and subfolder