image sizes – page load

Hi,
I took a look into this issue and found a good explanation here with a function, unfortunately, the function in the article didn’t quite match the image sizes in Enfold so I tried to adjust it:

function armd_resp_img_sizes( $attr, $attachment, $size ) {
    if ( is_array( $size ) ) {
        $attr['sizes'] = $size[0] . 'px';
    } elseif ( $size == 'widget') {
        $attr['sizes'] = '36px';
    } elseif ( $size == 'square') {
        $attr['sizes'] = '180px';
    } elseif ( $size == 'featured') {
        $attr['sizes'] = '1500px';
    } elseif ( $size == 'featured_large') {
        $attr['sizes'] = '1500px';
    } elseif ( $size == 'extra_large' ) {
        $attr['sizes'] = '1500px';
    } elseif ( $size == 'portfolio' ) {
        $attr['sizes'] = '495px';
    } elseif ( $size == 'portfolio_small' ) {
        $attr['sizes'] = '260px';
    } elseif ( $size == 'gallery' ) {
        $attr['sizes'] = '845px';
    } elseif ( $size == 'magazine' ) {
        $attr['sizes'] = '710px';
    } elseif ( $size == 'masonry' ) {
        $attr['sizes'] = '705px';
    } elseif ( $size == 'entry_with_sidebar' ) {
        $attr['sizes'] = '845px';
    } elseif ( $size == 'entry_without_sidebar' ) {
        $attr['sizes'] = '1210px';
    }
    return $attr;
}
add_filter( 'wp_get_attachment_image_attributes', 'armd_resp_img_sizes', 25, 3 );

Best regards,
Mike

Hi,
WordPress creates a srcset of images and lets the browser pick the one it wants to use. You could control the image sizes with the Simple Image Size plugin.
Another option would be to disable the images srcset, Try adding this code to the end of your functions.php file in Appearance > Editor:

//disable responsive images srcset
function disable_srcset( $sources ) {
    return false;
}
add_filter( 'wp_calculate_image_srcset', 'disable_srcset' );

Best regards,
Mike

Hi,
The srcset is being used for the news thumbnails in your footer, this is the element we are talking about right? If you want to control the sizes in the srcset then the Simple Image Size plugin will allow you to do this.

Best regards,
Mike