Mes excuses si je ne suis pas dans la bonne section, comme je ne sais pas comment faire j'ignore si la solution est php, html voire js.
Je construis un graphique dans une image; je cherche à l'afficher en superposition d'une page html.
Voici comment je construis l'image en php

$Graph=imagecreatetruecolor($largeur, $hauteur)
dessin du graphique dans cette image puis
ob_start();
imagepng($Graph);
$image = ob_get_contents();
ob_end_clean();

Dans le script php qui a servi à construire l'imge j'obtiens bien cette image en faisant

<img src="data:image/png;base64,'.base64_encode($image).'" />

En cliquant sur un lien, un bouton, ... je voudrais éventuellement que la page actuelle soit obscurcie
mais surtout que l'image que j'ai construite s'affiche au milieu de l'écran.

C'est un effet graphique dans ton navigateur (sans avoir à recharger la page) donc ce n'est effectivement pas du PHP (qui s'exécute côté serveur) mais du CSS, et probablement un peu de Javascript.

Page obscurcie avec un élément mis en avant au centre, c'est ce qu'on appelle une fenêtre modale.
Voici quelques pistes :
https://jquerymodal.com/
https://getbootstrap.com/docs/4.0/components/modal/
https://micromodal.vercel.app/

Entretemps j'ai trouvé.
Voici un exemple https://www.rudyv.be/PilotePrive/Agenda.php
A chaque ligne du tableau est associé un fichier .gpx
en cliquant sur (petite carte de France) j'obtiens la carte avec la trace contenue dans ce fichier
en cliquant sur je construit un graphique sous forme d'image que j'affiche en js.