A virtual teacher who reveals to you the great secrets of Base64

HTML Base64

HTML is a standardized markup language for creating web documents which are usually interpreted by web browsers. As you probably already know, on a HTML page the web developer can embed and show external web resources, such as images, sound, or video files. Typically, for each web resource, the browser must make at least one HTTP request to load it. However, the web developer can directly “inject” the same web resources into the HTML page by encoding them to Base64 and embedding them with Data URI. This will avoid additional HTTP requests, which sometimes may significantly improve page speed. In addition, it can solve some “exclusive” tasks.

Below are listed the most popular HTML tags that support the Base64 Data URIs. Click on the desired HTML tag to get more information and see embedding examples.

Comments (2)

I hope you enjoy this discussion. In any case, I ask you to join it.

  • Fried,
    I am trying this :
    <HTML style="margin:3em;background:rgb(2, 2, 51);color:rgb(87, 87, 201);font-family:Roboto;">
    <H1> It's an on the fly : Hellöchen ! </H1>

    but in HTML base64 I am getting:
    It's an on the fly : Hellöchen ! 

    This is a `Umlaute` problem.

    Thnaks, Fried.
    • Administrator,
      Hello Fried! Your issue is not related to Base64, but you can fix it by specifying the charset. Something like:
      <meta charset="utf-8">
Add new comment

If you have any questions, remarks, need help, or just like this page, please feel free to let me know by leaving a comment using the form bellow.
I will be happy to read every comment and, if necessary, I will do my best to respond as quickly as possible. Of course, spammers are welcome only as readers.