apply_filters( ‘max_srcset_image_width’, int $max_width, int[] $size_array )

User Contributed Notes

1. Skip to note 5 content

   Joe McGill 8 years ago

   You must log in to vote on the helpfulness of this noteVote results for this note: 5You must log in to vote on the helpfulness of this note

   Remove the 1600px limit for images included in `srcset` attributes.

   function remove_max_srcset_image_width( $max_width ) {
       return false;
   }
   add_filter( 'max_srcset_image_width', 'remove_max_srcset_image_width' );
2. Skip to note 6 content

   Anthony Hortin 8 years ago

   You must log in to vote on the helpfulness of this noteVote results for this note: 3You must log in to vote on the helpfulness of this note

   If you have the $content_width variable set (which is mandatory for themes in the .org Theme Directory), then this width overrides the max_srcset_image_width. Using @joemcgill’s example above to remove the default width wont work if you have $content_width set to a lower value.
3. Skip to note 7 content

   Joe McGill 8 years ago

   You must log in to vote on the helpfulness of this noteVote results for this note: 1You must log in to vote on the helpfulness of this note

   Increase the limit based on the size of the original.

   In this example, we’re going to change the maximum allowed image width to 2048px if the original image is wider than 800px.

   function custom_max_srcset_image_width( $max_width, $size_array ) {
       $width = $size_array[0];
   
       if ( $width > 800 ) {
           $max_width = 2048;
       }
   
       return $max_width;
   }
   add_filter( 'max_srcset_image_width', 'custom_max_srcset_image_width', 10, 2 );
4. Skip to note 8 content

   vitamindoug 8 years ago

   You must log in to vote on the helpfulness of this noteVote results for this note: -2You must log in to vote on the helpfulness of this note

   Hey Joe, your notes were a big help! Just for clarification though, what is the $max_width variable? When using this it appears to be looking at screen size, similar to a media query. For example: if screen is wider than 800px, load in the largest registered image size that’s not wider than 2048px. I’m a little confused about the “if the original image is wider than 800px” part. How does the original image size factor into what image is chosen?