La valeur de l'URL de l'image d'arrière-plan src ou css est un codage en base64 code_HTML/Xhtml_web page production

Vous avez peut-être remarqué que l'URL de certaines images sur la page Web est suivie d'une grande chaîne de caractères, tels que : data:image/png;base64, iVBORw0KGgoAAAANSUhEUgnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b Tlt9MYQ6i 1Bu qFaq1CKSVcxZ2Acs6406KUgpt5/KuVgz5BDCSZO99ZOdcZGvt4mJjzMVKqcha68iIePB86GAiOv8CDADlIUQBs7MD3wAAAABJRU5ErkJggg==. Alors qu'est-ce que c'est ? Il s'agit du schéma d'URI de données.

Le schéma d'URI des données est défini dans la RFC2397. Le but est d'intégrer de petites données directement dans des pages Web, afin qu'il ne soit pas nécessaire de les charger à partir de fichiers externes. Par exemple, la chaîne de caractères ci-dessus est en fait une petite image. Copiez et collez ces caractères dans la barre d'adresse de Firefox et accédez-y, et vous la verrez, une image png blanche et grise 1X36.

Dans l'URI de données ci-dessus, data représente le nom du protocole pour obtenir des données, image/png est le nom du type de données, base64 est la méthode d'encodage des données et ce qui suit la virgule est les données codées en base64. du fichier image/png.

Actuellement, les types pris en charge par le schéma URI de données sont :
données :, données texte
données :texte/plain, données texte
données :texte/html, code HTML
data :text/html;base64,code HTML encodé en base64
data:text/css,code CSS
data:text/css;base64,code CSS encodé en base64
data:text/javascript,code Javascript
données:text/javascript;base64, code Javascript encodé en base64
données:image/gif;base64,données d'image gif encodées en base64
données:image/png;base64,données d'image png encodées en base64
données :image/jpeg;base64, données d'image jpeg codées en base64
data:image/x-icon;base64, données d'image d'icône codées en base64

base64 met simplement certaines données 8 bits sont traduites en standard Caractères ASCII. Il existe de nombreux outils d'encodage et de décodage base64 gratuits sur Internet. En PHP, vous pouvez utiliser la fonction base64_encode() pour encoder, comme echo base64_encode(file_get_contents('wg.png')); Les navigateurs IE8, Firfox, Chrome et Opera prennent tous en charge cette intégration de petits fichiers.


À titre d'exemple d'image :
Une image sur une page Web peut être affichée comme ceci :

Copier le codeLe code est le suivant ; /KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b Tlt9MYQ6i1BuqFaq1CKSVcxZ2Acs6406KUgpt5/LCKuVgz5BDCSb13ZO99ZOdcZGvt4mJjzMVKqcha68iIePB86GAiOv8 CDADlIUQBs7MD3wAAAABJRU 5ErkJggg==”/>

Nous mettons le fichier image Le contenu est écrit directement dans le fichier HTML. c'est qu'il enregistre une requête HTTP. L'inconvénient est que le navigateur ne mettra pas ces images en cache. Chacun peut faire des choix libres en fonction des conditions réelles.