SELFHTML

Stefan R. Müller:
Images insérées en HTML

Page d'information: vue d'ensemble

vers le bas Stefan R. Müller
vers le bas L'image
vers le bas Qu'y a-t-il de particulier à cette image?

Bas de la page 

Stefan R. Müller

Adresse électronique: Adresse électronique stefan@blinde-kuh.de
Présence Internet: Page en langue allemande http://www.rrz.uni-hamburg.de/philsem/stefan_mueller/
Page en langue allemande http://www.blinde-kuh.de/

Il s'agit ici d'un article traduit de l'allemand par la rédaction de SELFHTML actuel. Veuillez poser vos questions relatives à cet article uniquement à son auteur, prenant compte que celui-ci ne maîtrise peut-être pas la langue française!

vers le hautvers le bas 

L'image

Si vous voyez l'image suivante, vous voyez quelque chose de particulier:

Stefan R. Müller

vers le hautvers le bas 

Qu'y a-t-il de particulier à cette image?

Rien! Juste une toute petite chose:
L'image est dans le code HTML!!

Source: Page en langue anglaise http://www.cis.ohio-state.edu/htbin/rfc/rfc2397.html

Code:

<img src="data:image/gif;base64,données">

Exemple de l'image ci-dessus:

<img src="data:image/gif;base64,
R0lGODlhmwDFAPcAAAAAAAEBAQICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0N
DQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8f
HyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDEx
MTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkND

... et ainsi de suite ... beaucoup de lignes avec des caractères ASCII
incompréhensibles suivent encore ...

gww18FBEikHcgNkMRW5lmkJI/teaa0wNiOhshFFuiRSVpL34nqQRphZmcV5miORZQwnRpndI
nUmiiTStuaKbLl4Z45wuuADDDDfsgNKeMmy160w1hdaVSZfupyiXSgLoWpOQFjgpWUsKCGem
CEXFlIRlBefllxqKKlyblb45olWqosgmi29iGiudM+6Knp5F6LhrDYYCccQRQuzQp1cBAQA7">

Explication:

L'image est affichée uniquement par le Navigateur Netscape 4.x et ne l'est malheureusement pas par l'Explorer Internet MS 4.x - 5.x.

On peut sauvegarder cette page et on obtient l'image en même temps: le graphique fait partie du code HTML. Pas d'attente que les images soient chargées!

Et comment obtient-on ce code dans le format Base64?

Le truc est simple et consiste à s'envoyer soi-même l'image par courrier électronique. Elle se trouve alors dans le texte source du courrier électronique: afin que les images puissent être envoyées dans le format 7-Bit, le logiciel les recode dans le format BASE64. Ce qui certes rallonge le code du double... Mais n'a aucune importance!

Et où est l'avantage de cela?

Cela n'a rien d'un jeu, car de cette façon, il sera possible par exemple d'incorporer des logos de société dans le code des pages Web de celles-ci. Et alors, n'est-ce pas un argument, ça?

Avec une poignée de lignes de JavaScript, il est même possible de faire en sorte que ces images insérées ne soient affichées que par les navigateurs qui sont en mesure d'interpréter ce code.
Avec quelques lignes Javascript de plus, on pourrait même, si on veut, construire les images elles-même... Que dis-je! La porte est ouverte à la programmation de graphiques avec JavaScript, Perl, etc.!

En tous cas, il s'agit là d'une perspective intéressante, qui est traitée dans cette spécification RFC2397! On verra bien où son développement nous mènera...

vers le haut

© 2001-2005 Seite Informations