Advanced Custom Fields

In Advanced Custom Fields the field editing screen where you add in the required fields and assign them to post edit screens did you choose image URL or Attachment ID for the image field? It sounds like you’ve got it set as image URL which will just return the URL to the originally uploaded file as you’ve discovered.

On the Advanced Custom Fields website where it has the documentation, there is a code examples page and a section that touches upon using attachment ID.

See below for a code example taken from the code example page here.

<?php $image = wp_get_attachment_image_src(get_field('add_image'), 'full'); ?>
<img src="https://wordpress.stackexchange.com/questions/45747/<?php echo $image[0]; ?>" alt="<?php get_the_title(get_field('add_image')) ?>" />

I’ve changed the names of the fields to that of the ones you provided in your question. So change the media field to attachment ID and then you can use the above code.

I presume you know how to change the field to use attachment ID, but if not this page has screenshots of the image field and explains everything for you.

The below image was taken from the documentation link on ACF image fields which clearly shows beside the “return value” label Image URL or Attachment ID.

enter image description here