Insertar imágenes en html directamente
sucotronic
La imagen superior en no es una imagen insertada al uso, sino que se trata de una imagen cuyos datos están insertados en el código html. De hecho, esta es la “pinta” que tiene:
<img alt="Embedded Image" width="120" height="120" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAA..." />
Para la obtención de la cadena de texto codificada en base64 que va justo después de la coma se puede usar el siguiente comando:
uuencode -m images.jpeg /dev/stdout | sed ’1d’ | sed ‘$d’ | tr -d ‘\n’
(sino se tiene disponible el comando, instalar el paquete donde está: sudo aptitude install sharutils)
Esta forma de insertar imágenes en una página web puede ser útil para determinadas aplicaciones donde no tenemos la posibilidad de subir imágenes, pero si podemos poner todo el texto que queramos.
También hay que decir que Internet Explorer no es muy amigo de este tipo de incrustación, así que es posible que a algunos no se les vea bien el ejemplo 
Fuentes: greywyvern.com y commandlinefu.com
Actualización 13/01/2012: para más información, ver el artículo de Data URI Scheme en la wikipedia
Posted on: Wednesday, May 12, 2010 at 22:44 pm 
programación. Puedes seguir las respuestas de esta entrada a traves de l feed RSS 2.0.
Puedes dejar una respuesta, o trackback desde tu propio sitio.
