Viene de arriba Código HTML:
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">
Para usarla como fondo
Código HTML:
<div style="font-size:10em; text-align:center; background-image:url(data:image/gif;base64,R0lGODlhHgAeANUAAPfMKvrhhPzsrvjSQv30z/nYYfvmnPfNMf755vjVU/rkjfndcvjPOvzttv73
3vncbfrllP767fzoo/zvvPjXWvfejPfUS/jRP/311vnfff/mjP/mlP/mnPfeY/788fzxxP/ehP//
/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHACEALAAAAAAeAB4AAAb/wJBw
SCwaj8ikcslsJh0GygFAvTwMCKcQSmFQv9/D4CHJKjGPKXi9PgTMRoX6Ow7YA5nCZc0QGNNfCRIO
SRgQFmEKRIAACRNaEl4ABxJCAmoLEVpCCAlVBCGeAB2am5yIAAVyk4RIHxQDEEgKYVQZHkgScwVw
QhGoD1+VCgugQ7RrFHARBZ9fApFUlSHIqQtfFJoIFFQHBiGoCw6oAAYZahSE1QkC3JMLQg1qCONs
vEMSbAeyQ80AFhEciKLyoBQ+MAy+ESGATtM1AAEMEmmwx8KjOGr6OJFoJMAcCwYwmDISDWGCBxkM
tNqE4BybL4pGIpAg5WWAkUM8EIB2iIoFFWM4iSAINuBDUCMCAGQ4yrSp0yVBAAA7); ">
:-)
</div>
<h3>En este ejemplo, hay que eliminar los saltos de linea en el código de la
imagen para que el CSS la muestre.</h3>
Como viñeta o marcador de lista
Código HTML:
<ul style="list-style-image: url(
data:image/bmp;base64,Qk2YBAAAAAAAAJYDAAAoAAAAEAAAABAAAAABAAgAAAAAAAAAAAASCwAAEgsAANgAAADYAAAA////
AMz//wCZ//8AZv//ADP//wAA//8A/8z/AMzM/wCZzP8AZsz/ADPM/wAAzP8A/5n/AMyZ/wCZmf8A
Zpn/ADOZ/wAAmf8A/2b/AMxm/wCZZv8AZmb/ADNm/wAAZv8A/zP/AMwz/wCZM/8AZjP/ADMz/wAA
M/8A/wD/AMwA/wCZAP8AZgD/ADMA/wAAAP8A///MAMz/zACZ/8wAZv/MADP/zAAA/8wA/8zMAMzM
zACZzMwAZszMADPMzAAAzMwA/5nMAMyZzACZmcwAZpnMADOZzAAAmcwA/2bMAMxmzACZZswAZmbM
ADNmzAAAZswA/zPMAMwzzACZM8wAZjPMADMzzAAAM8wA/wDMAMwAzACZAMwAZgDMADMAzAAAAMwA
//+ZAMz/mQCZ/5kAZv+ZADP/mQAA/5kA/8yZAMzMmQCZzJkAZsyZADPMmQAAzJkA/5mZAMyZmQCZ
mZkAZpmZADOZmQAAmZkA/2aZAMxmmQCZZpkAZmaZADNmmQAAZpkA/zOZAMwzmQCZM5kAZjOZADMz
mQAAM5kA/wCZAMwAmQCZAJkAZgCZADMAmQAAAJkA//9mAMz/ZgCZ/2YAZv9mADP/ZgAA/2YA/8xm
AMzMZgCZzGYAZsxmADPMZgAAzGYA/5lmAMyZZgCZmWYAZplmADOZZgAAmWYA/2ZmAMxmZgCZZmYA
ZmZmADNmZgAAZmYA/zNmAMwzZgCZM2YAZjNmADMzZgAAM2YA/wBmAMwAZgCZAGYAZgBmADMAZgAA
AGYA//8zAMz/MwCZ/zMAZv8zADP/MwAA/zMA/8wzAMzMMwCZzDMAZswzADPMMwAAzDMA/5kzAMyZ
MwCZmTMAZpkzADOZMwAAmTMA/2YzAMxmMwCZZjMAZmYzADNmMwAAZjMA/zMzAMwzMwCZMzMAZjMz
ADMzMwAAMzMA/wAzAMwAMwCZADMAZgAzADMAMwAAADMA//8AAMz/AACZ/wAAZv8AADP/AAAA/wAA
/8wAAMzMAACZzAAAZswAADPMAAAAzAAA/5kAAMyZAACZmQAAZpkAADOZAAAAmQAA/2YAAMxmAACZ
ZgAAZmYAADNmAAAAZgAA/zMAAMwzAACZMwAAZjMAADMzAAAAMwAA/wAAAMwAAACZAAAAZgAAADMA
AAAAAAAAAAAAAAAAAAAAK1VVAAAAAAAAAAAAAAArfyyAfwAAAAAAAAAAAAAAVVWAf3kAAAAAAAAA
AAAAAU9/gFZVAAAAAAAAAAAAK1aAVlWpKwAAAAAAAAAAK39Vf4B/AFcAAAAAAAAAJYBVf1WAKwAA
AAAAAAAAAFV/VStVgAAAAAAAAAAAACuAfwAlVaMrJAAAAAAAAABVVU8kKyt/VSsAAAAAAAAAVSsA
AE95VX8rAAAAAAAAAE9VAAAqKyt/KwAAAAAAAAAAgAAAKitVfyQrAAAAAAAAACuAKysrfysrAAAA
AAAAAAAAK3+Af08AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
); font-size:16px; ">
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
</ul>
<h3>En este ejemplo, hay que eliminar los saltos de linea en el código de la
imagen para que el CSS la muestre.</h3>
Este mecanismo tiene dos contras: la cantidad de código que hay que escribir en el documento; y que todavía no anda en
IE.
Pero ésto último tiene remedio, les falta ajustar algunas cuestiones de seguridad para implementarlo. De hecho, una versión ya funciona en páginas *.mht, que es el formato con que
Windows guarda documentos web en un archivo único.
Otra dificultad —previa— sería convertir las imágenes a base 64. Aunque para eso existe una función PHP, y hasta una herramienta on line, que tiene limitaciones pero funciona muy bien. De última, metemos la imagen con su ruta en un HTML y lo guardamos en un
IE 6+ con extensión 'mth'; después le abrimos el código fuente y copiamos la parte de nuestra imagen.
Cabe recordar que también existen objetos y lenguajes vectoriales que permiten "dibujar" desde el
body o desde un escript. Pero ya sería otra historia.
Imágenes incrustadas en el mismo html Etiqueta IMG http://lunatic.la100rra.com.mx/codif...as-con-base64/ http://www.mygnet.net/articulos/csharp/250/ http://www.capitalfederal.com/foros/...php?=&p=469302 http://www.motobit.com/util/base64-decoder-encoder.asp