Embedded Image HTML oldalban

Mindig tanul az ember valami érdekeset, ha nem is olyan fontosat. Nemrég felfedeztem a spanyol viaszt az ACID test 2 vizsgálgatása közben. Rá kellett jönnöm, hogy régen problémámra meg van a megoldás, amikor is mentegettem el a weboldalakat mindig elkallódtak a képek. Viszont a forrás vizsgálata közben belebotlottam a beépített kép lehetőségébe.
Nosza próbáljuk ki.
- Vettem egy kicsi PNG képet.
- A Total Commander beépített MIME kódolójával BASE64-es kódolású fájlt készítettem belőle.
- Az így kódolt képet beépítettem a következő IMG html tag-be.
<img src="data:image/png;base64,
iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAIAAADJt1n/AAAABnRSTlMA8QDyAPFnCBtIAAABqkl
QVR42qWUMUcQBCFv1mvzS+IUhwnEEgQKUpFRYUoiFKHy1Efx8+KQ50j6VFS8DcAKYql0xVRpCCU
znfeoVjfnu3bKAVTWDtev9n3Zt9YHv8+ogCIUIeGh9+gnYcwPCOeBbY4h+g6L1XOJ72QXp7NmppG
k96ns5mNlhx97gEvXydJBmCM+De+xGhZ1EaRL/YNIAZjBEgytg5tktUlXr3Lbq/LOBj4fefCeuvQ
AkkmwN5JBkhC/ORAT5ct8Mp3j1PPBRAj/+z2qjc+Hc4uh7MfN/MkFVWSVEJrrdNqaRKAfDh1zq2s
aqMr/p7bzPAZnULAFVn/3uZ46s+cP+tjN1z+GjSj4LzD9NWLjEw8Ob9RlUCLEr1p+XDaczUMXtG
kOsqGgRNh1I1VxGque4ep+NJv6PF6296uwq81Kk6v1jZowPIBz9xC1S6mrXi/nsJ7BylValeyOaB
XZTq06bzuuDb6zI/LVS4+LINbB5YwDlVV8PyQdGcvhY4Py384uOgEGX8dbvBtlhvnjz8+aXt+1MB
6hlfTXD3JyXengtFAAmjgAAqrZT2ri/xBEYvulKrCSQiAAAAAElFTkSuQmCC"
alt="recycle.png">

És működött, megjelent egy kis recycle képecske :-)