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.

[Thig]

Merci pour ces infos.

Au niveau de ma page HTML et spécifiquement pour IE existe't'il des "attributs" à la la balise IMG ou du "code" .... à ajouter permettant de résoudre ce problème et d'affichage ?

A+

[Invité]

Bonjour,

quand on parle d'I.E., il faut toujours indiquer la version.

[Thig]

I.E. 11

[ABCIWEB]

Comme déjà dit, la solution qui fonctionne à tous les coups dans ces cas là c'est d'encoder tes images en base64 et de les intégrer dans le html pour permettre au document d'être totalement indépendant du contexte. Cela ne te convient pas ?

[Bisûnûrs]

Il y a des chances que ton ancienne image était enregistrée en CMJN et que ton passage sur Paint l'ait fait basculer en RVB (couleurs pour le web).

[Thig]

Dans mon cas, je ne génère pas la page HTML ni l'image et le contenu de cette page est complètement variable.

Je vais étudier cette solution mais si qlq connais une solution plus simple je suis preneur!

Quelques questions :

- Les images peuvent être très grosses, il pas de limitation sur le passage en base 64 ?
- Pour les intégrer dans le HTML tu fais qls chose de ce genre : <img src="data:image/png;base64,iVBORw0K... >
- que représente le mot "image" ?
- peut-on avoir d'autres formats d'image Jpeg, bmp... ?

Merci
A+

[Thig]

Il y a des chances que ton ancienne image était enregistrée en CMJN et que ton passage sur Paint l'ait fait basculer en RVB (couleurs pour le web).

IE ne supporte pas ce format de couleur ? y a un contournement possible ?

[Bisûnûrs]

Le CMJN n'est pas fait pour le web, cependant certains navigateurs sont plus permissifs que d'autres.
Le seul contournement possible est d'enregistrer ses images en RVB.

[ABCIWEB]

Pour répondre à tes questions :
L'encodage prend environ 30% de poids en plus.

Normalement on optimise préalablement les images pour le web ce qui fait que même des très grosses images ne font finalement que quelques centaines de kilos (c'est en fonction des dimensions).

"image" représente le type du fichier.

Et oui on fait comme dans ton exemple pour afficher l'image.

Après faudrait nous en dire plus sur le processus de création de ce html sinon on va pas s'en sortir. Exposes ton problème avec précision si tu veux qu'on puisse t'aider plutôt que de nous donner des informations au compte goutte.

[Thig]

Pour résumer : Pour une application Windows de gestion écrite en Powerbuilder, je dois afficher un fichier HTML en utilisant l'internet Explorer du poste local. Je ne connais pas le contenu de ce fichier HTML mais il arrive que des images au format PNG ne s'affiche pas (visiblement une limitation d I.E.). Je peux bidouiller ce fichier HTML voir l'image mais il faut que cela reste générique, rapide et pas trop compliqué à faire en PowerBuilder...
Bref c'est pas gagné !