Cada vez que hago una búsqueda en
Google sobre base64 y cómo meter imágenes en el código fuente de una página ... aparece este tema. A pesar del título y de que no habíamos resuelto nada.
Ya pasó mucho tiempo, donde se ha discutido el asunto en éste y en otros sitios.
Para ser solidario con todos los que hacen un click y levantan esta página en el ranking del buscador, voy a hacer un resumen con algunos enlaces (mientras todavía se pueda
)
Resulta que la respuesta sí estaba en un link que puse más o menos por esa misma época. Aunque, o estaba usando una versión de
Firefox que no reconocía el método, o soy un inútil que no supe probarlo.
askii (HTML) y binario (imagen) en una misma página
En fin, para meter una imagen dentro del
source, podemos hacer
Código HTML:
<img title="Imagen en Base64" src="data:image/png;base64,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
Continúa abajo.