WordPress Image Tag with srcset

image-with-srcset.php

function storebase_get_image_output($image_id, $size = 'large', $sizes = '(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 33vw') {
    
    $alt = get_post_meta( $image_id, '_wp_attachment_image_alt', true );
    $metadata = wp_get_attachment_metadata( $image_id );
    $src = wp_get_attachment_image_src( $image_id, $size )[0];
    $srcset = wp_get_attachment_image_srcset( $image_id, $size );
    $width = $metadata['width'];
    $height = $metadata['height'];
    
    $output = '<img src="' . $src . '"';
    $output .= ' alt="' . $alt . '"';
    $output .= ' srcset="' . $srcset . '"';
    $output .= ' sizes="' . $sizes . '"';
    $output .= ' width="' . $width . '"';
    $output .= ' height="' . $height . '"';
    $output .= '/>';
  
    return $output; 
}