data:image links

Question

Does anyone know about the data:image links that I've been seeing in the Playground recently? How do they work?

Answer 1

//It is one of the oldest ways to encode things into html (first proposed in 1987!). It is a way of turning different types of data into a series of letters and numbers that is safe for HTML. One of those data types is images.

https://www.base64-image.de
Base64 encoded images
data:image/jpeg;base64............

Answer 2

Thank you, Shudarshan Rai👑