tfeserver: Blog de tfe
html, scripts et tout un tas de trucs...
Data URI Scheme: images à la volée (version RSS)
publié le Fri, 03 Jul 2009 20:36:49 GMT, dans la categorie web
Quand je pensais encore ce matin à ce que Internet Explorer nous empêche de faire, je n'avais pas encore toutes les cartes en main.
Encore une chose que Internet Explorer7 ne sais pas faire: la gestion des données encodées directement dans l'url.
Exemple d'image : "
"
Exemple de soure d'une autre image:
Exemple d'utilisation:
http://downloadstats.mozilla.com/, stats temps reel des telechargements de firefox.
Plus d'information, sur wikipedia.
Certes avec les canvas, ce genre d'image serait facilement faisable avec moins de lignes, mais cela peut representer un gain precieux de temps et nombre de requetes http, en ayant par exemple toutes les images de son style css dans un meme fichier...
Encore une chose que Internet Explorer7 ne sais pas faire: la gestion des données encodées directement dans l'url.
Exemple d'image : "
"Exemple de soure d'une autre image:
<img src="data:image/png;base64,iVBORw0KGgoAAAANSU
hEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGPC/xhBQAA
AAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9YGARc5KB0XV+
IAAAAddEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIFRoZSBHSU1Q
72QlbgAAAF1JREFUGNO9zL0NglAAxPEfdLTs4BZM4DIO4C7OwQ
g2JoQ9LE1exdlYvBBeZ7jqch9//q1uH4TLzw4d6+ErXMMcXuHW
xId3KOETnnXXV6MJpcq2MLaI97CER3N0vr4MkhoXe0rZigAAAA
BJRU5ErkJggg==" alt="image point rouge">
Exemple d'utilisation:
http://downloadstats.mozilla.com/, stats temps reel des telechargements de firefox.
Plus d'information, sur wikipedia.
Certes avec les canvas, ce genre d'image serait facilement faisable avec moins de lignes, mais cela peut representer un gain precieux de temps et nombre de requetes http, en ayant par exemple toutes les images de son style css dans un meme fichier...