« »

Insertar imágenes en html directamente

May
12
member
sucotronic

Embedded Image

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


date Posted on: Wednesday, May 12, 2010 at 22:44 pm
Category 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.



2 Respuestas to “Insertar imágenes en html directamente”

  1. Alberto

    Hola Sucotronic
    Disculpa que te interrumpa. Me puedes ayudar?, me estoy voviendo un poco loco. Me faltan muchos conocimientos y desconozco la mayoría de este idioma que utilizais los que sabeis.
    Me gustaria a partir de una tabla de exel, que me proporcione las distancias y los tiempos entre dos puntos pero soy tan durito que no lo entiendo.
    Me lo podrías explicar en plan niños de 4 años??.
    Baje el catálogo java, pero no se donde tengo que escribir la macro ni como hacerla ni como utilizar el catálogo. Parezco un Neandertal. De verdad me da un poquito de verguenza pero necesito aprender a hacer esto.
    Puedes ayudarme?

    [Responder]

    sucotronic Reply:

    @Alberto, hola Alberto, creo que te has equivocado de post. ¿A que distancias te refieres?

    [Responder]

    April 28th, 2013 at 11:14 am
     

Escribe un comentario


a trastear un poco is powered by WordPress
Theme is Coded&Designed by Wordpress Themes at ricdes