Lost in the matrix

C/C++/C#/Java, Multithreading

Aujourd'hui nous allons voir comment embarquer une image dans une page HTML.
Pour cela nous avons besoin d'une image quelconque au format gif(ou autre chose),
d'un encodeur en base 64 et d'une minute.

1)allez sur le site : http://www.motobit.com/util/base64-decoder-encoder.asp.

2)Sélectionnez une image et encodez-la en base 64.

3)Créez une page HTML comme ci-dessous:

<html>
<head>
<title>Image embarquée</title>
</head>
<body>
<div style="text-align: center;">
<img SRC="data:image/gif;base64,"ALT="Mon image"/>
</div>
</body>
</html>

4)Insérez l'image encodée en base 64 après "base64,"

5)C'est fini!

/!\ Attention suivant les navigateurs l'image peut ne pas s'afficher!
Je déconseille par conséquent son utilisation, en production.

Le code ci-dessous affiche une petite étoile:
____________________________________________________________________________

<html>
<head>
<title>Image embarquée</title>
</head>
<body>
<div style="text-align: center;">
<img SRC="data:image/gif;base64,
R0lGODlhEAAQAOZIAP/HYf+kP//IY/HTvfGsTsvDvvKsTerKtP/Xr6RqSvzfmfro2P7fm/3TqfS1
e6dGDt6xlfKmSKNtTv7gnfWUNdZyINVxIP7Xg/y6aNV0I9t4JP3u4PbEheybTP759OuvfbRPDffK
odBsHfGxbfzhov7ajf7hkvebOuzLs9FxIv7UefvhydNzI/uaN/W1ZemPOffl1v7pof+xZKaXjvb2
9v/HYv7dhuvr6/7povPz89HR0e+SNcCGY/7Rb+Li4vn5+bl/XL5tPL2tpP7fpv7yvv+rRv+9WP+0
T////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5
BAEAAEgALAAAAAAQABAAAAengEiCg4SFhkgIMgiHhQ0YQxgNjIIeFApEChQehhsrIQ4uMTgxLg4h
KxuCCy8dIxwkJjYmJBwjHS8LSB8EFwwTJSo9KiUTDBcEH0gwFQYAAAICNdDOBhUwggMiEUbc3UYR
IgOEKCxH5udHLCiFBylF7/BFKQeFEBkBASc7J/gZEIQ5eGhoYQFEEBAWWmgA4uOHoBtCEjyQUABJ
AQkPEszQQWOSx4+DAgEAOw=="ALT="Mon image"/>
</div>
</body>
</html>

0 commentaires:

Enregistrer un commentaire