IceF0x

#! Gourou Linux

[Astuce]Incorporer une image directement dans le code html d'un site

== Description ==

Lorsque l’on veut représenter des données binaires (une image, un exécutable) dans un document textuel, tel qu’un courriel, la simple transcription des 0 et des 1 utilise en ASCII un octet pour chaque bit : soit une augmentation de la taille d’un facteur 8. L'encodage en base64 permet en fait de limiter cette augmentation.
En informatique, base64 est un codage de l'information utilisant 64 caractères, choisis pour être disponibles sur la majorité des systèmes.

== Utilisation ==

Tout d'abords pour convertir votre image, faite comme ceci.

base64 logo2.png > fichier.html

Ensuite une fois le code de votre image obtenu en base64 il suffit de l'incorporer dans votre page html, le graphique de l'image fait partie du code HTML.
Pour ce faire il faut préciser le type d'image (png) et l'encodage (base64) dans la partie src (source) de votre balise image.

[== HTML ==]
<img src="data:image/png;base64,bW9uIGltYWdlIGVuIGJhc2U2NAo="/>

== Résultat ==

Nous observons que notre navigateur web décode parfaitement l'image ainsi convertie.

== Voir aussi ==

  * **(fr)** https://fr.wikipedia.org/wiki/Base64
  * **(fr)** http://actuel.fr.selfhtml.org/articles/ … ne-images/

---

Utiliser des logiciels propriétaires, c'est comme les plats préparés, on est incapable de dire les conservateurs qu'ils contiennent, on dira toujours que c'est bon, mais ça ne remplacera jamais le repas fait maison par sa maman.
]:D #! Crunchbang & Archlinux GNU/Linux User ]:D

WPA3

Membre

Re : [Astuce]Incorporer une image directement dans le code html d'un site

sympa l'astuce!
Etrange que ce ne soit pas plus utilisé si le poids est divisé par 8

IceF0x

#! Gourou Linux

Re : [Astuce]Incorporer une image directement dans le code html d'un site

Attention, le poids n'est pas divisé par 8, il augmente même, il est juste limité par rapport au binaire ASCII qui à une augmentation d'un facteur d'environ 8.

---

Utiliser des logiciels propriétaires, c'est comme les plats préparés, on est incapable de dire les conservateurs qu'ils contiennent, on dira toujours que c'est bon, mais ça ne remplacera jamais le repas fait maison par sa maman.
]:D #! Crunchbang & Archlinux GNU/Linux User ]:D

Balam

Archey - KDEiste

Re : [Astuce]Incorporer une image directement dans le code html d'un site

je mets de coté

merci pour le rappel

---

config 1: AMD FX 4100 Black Edition / 8 Go DDR3 / 2.5 To / Nvidia GeForce GT220 1Go
laptop : DELL Inspiron 15" serie 7000 / i7-4510U / 16Go DDR3 / 1To hybrid (8Go) / intel HD 4000 + NVidia GT 750M / dualboot : W8.1 + archlinux
config 2: AMD FX 8350 Black Edition / 32 Go DDR3 / 500 Go Velociraptor + 2 To / Nvidia GeForce GTX660 2Go
Distro: Arch Linux / Desktop: KDE