diff --git a/web/layouts/_default/_markup/render-image.html b/web/layouts/_default/_markup/render-image.html
index 8192bc36bfa02207688003b52c0bc0f3b5aaa99e..36f625a12b0f71681796927e97ea9877475932e9 100644
--- a/web/layouts/_default/_markup/render-image.html
+++ b/web/layouts/_default/_markup/render-image.html
@@ -1,8 +1,17 @@
+{{ $url := .Destination }}
+{{ if eq hugo.Environment "staging" }}
+  {{ $imageFile := index (split .Destination "#") 0 }}
+  {{ $imageResource := .Page.Resources.GetMatch ($imageFile) }}
+  {{ with $imageResource }}
+    {{ $url = .RelPermalink }}
+  {{ end }}
+{{ end }}
+
 {{ if .Title }}
   <figure>
-    <img class="m-auto" src="{{ .Destination | safeURL }}" alt="{{ .Text }}">
+    <img class="m-auto" src="{{ $url | safeURL }}" alt="{{ .Text }}">
     <figcaption>{{ .Title | safeHTML | markdownify }}</figcaption>
   </figure>
 {{ else }}
-  <img src="{{ .Destination | safeURL }}" alt="{{ .Text }}">
+  <img src="{{ $url | safeURL }}" alt="{{ .Text }}">
 {{ end }}