How to display base64 encoded image in HTML if it is located in a separated file?

Question

I have base64 encoded image. If I put it right into html it works:

But when I put all that b

Answer 1

You would need to send the correct Content-type, Content-encoding and charset HTTP headers along with the file. Note that they are all part of the data: URI schema as well. You really should have a charset=utf-8 or similar clause between the content-type and the encoding:

url(data:image/png;charset=utf-8;base64,...);