Discussion :

[Thig]

Bonjour

J'ai une page HTML (simple) contenant une image PNG locale.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img width="100" height="91" src="C:/Users/xxxxx/AppData/Local/Temp/Images/Image_1.png">

Elle s'affiche correctement avec Chrome, Edge mais pas avec Internent Explorer v11.

Ne connaissant pas HTML, pourriez-vous me dire ce qu'il faut faire pour que cela marche avec IE ?

IE ne prend pas en charge tous les formats de PNG ?

Merci

[Invité]

Bonjour,

vérifie les majuscules/minuscules.

[Thig]

Non, le chemin est bon. (même majuscules/minuscules)

Cela n'a peut être rien à voir, mais j'ai ouvert l'image avec Paint puis sauvegarder (sous) avec le même nom et après elle devient visible dans IE...

IE ne prend pas en charge toutes les variantes / options de PNG ?

Merci

[ABCIWEB]

C'est un document html ! Faut mettre un chemin par rapport au serveur, non pas par rapport au disque dur de ton pc.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

src="http://localhost/nom_du_site/dossier_photo/mon_image.png"

mais le plus simple est de fournir une adresse relative

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

src="dossier_photo/mon_image.png"

et si ton script doit changer de répertoire tu peux définir une balise <base href="http://localhost/nom_du_site/" > dans le head de ton html pour construire la bonne adresse (ce qui impactera éventuellement aussi les chemins des ressources javascript) à partir des chemins relatifs.

[Thig]

Ok mais ce n'est pas un site Web, juste une simple page HTML générée et visible depuis une application sur un PC. C'est du local...

[ABCIWEB]

J'ai édité mon précédent message.

Si tu n'utilises pas un serveur local ou distant pour visualiser tes pages alors tu as plutôt intérêt d'intégrer des images codée en base64 directement dans ton html. Il y a des outils en ligne pour encoder les images, mais tu peux le faire avec un langage serveur comme php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
$image = 'myimage.png';
$type = pathinfo($image, PATHINFO_EXTENSION);
$data = file_get_contents($image);
$dataUri = 'data:image/' . $type . ';base64,' . base64_encode($data);

ou tu peux les encoder aussi avec javascript via FileReader ou Canvas.