Incrustar imagenes en el HTML

CSS      28 Noviembre, 2009      973 lecturas      1 comentarios

Una técnica que aprendido cuando he hecho php ftp light, ha sido la de inscrustar las imagenes en el HTML para tener el script y las imagenes en un sólo fichero.

Para eso tenemos primero tenemos que codificar el contenido de la imagen a base64, por ejemplo:

echo base64_encode( file_get_contents( ‘imagen.png’ ) );

Luego para mostrar la imagen codificada tenemos las siguientes maneras:

CSS:

background-image:url(data:image/png;base64,–contenido_imagen_codificado_base64)

IMG:

<img src=”data:image/png;base64,–contenido_imagen_codificado_base64“>

Compartir   twitter   del.icio.us   webeame   meneame   stumbleupon   mr.wong   ?  


  1. Martin Andrino

    Lo malo de esto, es que como no, no funciona en internet explorer.