render-acf-image.php

function render_acf_image( $img_obj, $fallback = '900x900', $prefix = '' ) {

    if( !empty($img_obj) ):
        $img_sizes = $img_obj['sizes'];

        $breakpoints = array(
            'xs' => '0px',
            'sm' => '576px',
            'md' => '768px',
            'lg' => '992px',
            'xl' => '1440px'
        );

        $sizes   = 'sizes="';
        $srcset  = 'srcset="';

        foreach( $breakpoints as $br => $size ):
            
            
            if( !empty($img_sizes) ):

                foreach( $img_sizes as $key => $value ):

                    $img_url   = $prefix.'-'.$br;
                    $width_arr = $prefix.'-'.$br.'-width';

                    if( $width_arr == $key ):
                        $sizes .= '(min-width:'.$size.')';
                        $sizes .= ' '.$value.'w,';

                        $srcset .= $img_sizes[$img_url].' '.$value.'w,';
                    endif;
                    
                endforeach;
            endif;

        endforeach;

        $sizes  .= '100vw"';
        $srcset .= '"';

        $img_full = $img_obj['url'];
        $img_alt  = $img_obj['alt'];

        $img_ouput = '<img src="'.$img_full.'" class="img-fluid" alt="'.$img_alt.'" '.$srcset.' '.$sizes.' />';

        return $img_ouput;
    else:
        return '<img src="https://via.placeholder.com/'.$fallback.'" class="img-fluid" alt="" />';
    endif;

}