Eleventy image and preloading

[dwkns]

I'm using eleventy image to create a srcset but I want to preload my hero image.
In my template I use:

---
layout: "_page_layout.njk"
preLoadHero: "{{ home.hero.heroImage }}"
---
 {% image { 
    src: home.hero.heroImage,
    alt: home.hero.heroImageAlt, 
    sizes: "(min-width: 1024px) 750px,(min-width: 1200px) 1400px, 100vw",
    lazy: false
  } 

and in _page_layout.njk I have:

    ...
    <link rel="preload" as="image" href="{{ preLoadHero }}">
    ...

But the returned Image filename is hashed 6299b188-320.jpeg. So the preload is incorrect.
And there are multiple versions 6299b188-800.jpeg, 6299b188-1200.jpeg etc and types 6299b188-320.webp etc. Which do you use?

What are my options here:

• I can use custom filenames in the Image shortcode but how do I extract and use the correct filename for use in the front matter?
• Do I need to create a plugin that, given the same source input, just returns image metadata (transformed filename) as eleventy image? And then call that plugin with something like:

---
eleventyComputed:
    preLoadHero: "{% getImageName  home.hero.heroImage %}"
---

Is there another (easier) way to do this?