Reply To: responsive images with ‘image array’ return format

• John Huebner

• May 26, 2023 at 11:30 am

The easiest way to do this is to construct an image tag, the same way that WP constructs and image tag when you insert an image into the content. Then you pass that image tag though the WP filter that makes the image tag responsive.

I generally use the image URL for the largest size image that should be shown in a particular location. For example, if the image will never be more that 1/2 the width of the display (these are just example number) say the max width of a page is 200 pixels then I use an image size that is around 1000 pixels wide.

$image_tag = '<img src="'.$image_url.'" width="'.$image_width.
             '" height="'.$image_height.'" alt=" '.$image_alt.
             ' " title="'.$image_title.'" class="size-'.
             $image_size.' wp-image-'.$image_id.'" />';
$image_tag = wp_filter_content_tags($image_tag);
echo $image_tag;