2011-08-24 14 views
6

Tengo un par de imágenes pequeñas en un documento HTML que quiero hacer portátil, p. Ej. todavía funciona cuando se envía un correo electrónico. Yo uso el siguiente, que funciona muy bien:Usar una imagen incrustada de base64 varias veces

<img src="data:image/png;base64,..."/> 

El problema es que quiero utilizar la misma imagen varias veces en el documento, pero no quiero repetir todo la cadena de datos base 64. He visto en correos electrónicos donde los datos están codificados una sola vez, pero hace referencia a muchos. ¿Es esto posible con HTML?

Respuesta

4

Si puede usar CSS, puede colocarlo allí como clase.

A continuación, solo agregue la clase a los elementos que desee.

+0

No quiero usar CSS si puedo evitarlo (simplemente debido a la cantidad de rediseño que se requeriría). Pero, esa es una opción, encontré esta pregunta que ayuda: http://stackoverflow.com/questions/1207190/embedding-base64-images – steveo225

+0

No necesita rediseñar. Podrías usar css solo para las imágenes. algo así como .repeatimage {background: url (data: ...); pantalla: bloque en línea; ancho: 10px; height: 10px;}, y en html use . No funcionará en todos los clientes de correo electrónico, pero las URL de datos funcionarán en incluso menos de ellas. – Gerben

0

Configure su servidor web para zgip (/ desinflar) su contenido. Deflate debe detectar la secuencia de repetición y comprimir a aproximadamente el mismo tamaño que tendría si solo lo incluyó una vez. De esta forma no perderás ancho de banda. No funciona para correo electrónico, o para archivos html simples en el sistema de archivos.

Cuestiones relacionadas