Codigos Web / SEO

Como mostrar imágenes en DATA URI en Php

Para terminar de optimizar las imágenes de nuestras web, podemos cargarlas en formato data URI. Lo recomiendo para por ejemplo una imagen en grande, o para un reducido número, puesto que sino puede ser hasta contraproducente para la velocidad de carga.

  1. $type = pathinfo("http://www.tuweb.com/images/tuimagen.jpg", PATHINFO_EXTENSION);
  2. $srcimguri = 'data:image/' . $type . ';base64,' . base64_encode(file_get_contents("http://www.tuweb.com/images/tuimagen.jpg"));
  1. <img title="" alt="" width="128" height="128" src="<? echo $srcimguri; ?>" />

El resultado en html sería:

  1. <img title="" src="data:;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAABEOElEQVR42u29ebRl11kn9vv23me485vfq1KVatAsVUnygAcMGGIHM3aaDm7o7pDuDitAEhpICIQhtGTGXqzETZIV3LCSpgdIt+00gUU3YTIWtmVkybIs25IlVaGx5jfe+Qx77y9/7H3OPfe9+6pKsyroah3dV+eed9+9Z//2N/y+3/42MTPefPz1fYg3b8GbAHjz8SYA..." alt="" width="128" height="128" />

No comments