2009-03-01 11 views

Respuesta

11

En algunos navegadores (en FF, Chrome y aparentemente IE8) puede usar data URL scheme para incrustar un archivo de imagen en HTML.

se ve algo como esto (tomado de la RFC):

<IMG 
    SRC="data:image/gif;base64,R0lGODdhMAAwAPAAAAAAAP///ywAAAAAMAAw 
    AAAC8IyPqcvt3wCcDkiLc7C0qwyGHhSWpjQu5yqmCYsapyuvUUlvONmOZtfzgFz 
    ByTB10QgxOR0TqBQejhRNzOfkVJ+5YiUqrXF5Y5lKh/DeuNcP5yLWGsEbtLiOSp 
    a/TPg7JpJHxyendzWTBfX0cxOnKPjgBzi4diinWGdkF8kjdfnycQZXZeYGejmJl 
    ZeGl9i2icVqaNVailT6F5iJ90m6mvuTS4OK05M0vDk0Q4XUtwvKOzrcd3iq9uis 
    F81M1OIcR7lEewwcLp7tuNNkM3uNna3F2JQFo97Vriy/Xl4/f1cf5VWzXyym7PH 
    hhx4dbgYKAAA7" 
    ALT="Larry"> 

Se puede ver que los datos de la imagen se codifican en base64. Creo que también puede usar este formato para asignar imágenes en JavaScript y usarlas en CSS.

+1

Creo que esto funciona en IE8 –

+0

@apphacker: Gracias, he modificado la respuesta para reflejar este –

+0

Así IE7 no lo permite? – danmine

4

Sí, es posible: See here

+0

Esto tampoco funciona en IE6/7 ... – cletus

+0

Preguntó sobre HTML no sobre una implementación específica (quebrada). –

Cuestiones relacionadas