1. Online Base64 Encoders & Decoders
  2. Base64 Encoders
  3. Encode HTML To Base64

Encode HTML To Base64

The converter helps to encode HyperText Markup Language (HTML) File to Base64 data then to copy or download a result data in several formats. If you want decode use Base64 to HTML Decoder.

How to encode HTML to Base64 Data

  1. Select or drag & drop one or several PDF files;
  2. Press Encode button (you will see result below);
  3. Select output format (Plain Text, Data Url, HTML IFrame Tag);
  4. Copy or Download Base64 data;
  5. Done!

Output Formats

  • Plain Text - Only Base64 data;
  • Data Url - Base64 in data url format (data:[<MIME-type>][;charset=<encoding>][;base64],<base64 data>)
  • HTML IFarme Tag - HTML Tag <iframe> with Data Url data in SRC property.

Output Format Examples for HTML

Plain Text:

PGEgaHJlZj0iaHR0cHM6Ly9iYXNlNjQub25saW5lIj5CYXNlNjQuT25saW5lPC9hPg==

Data Url:

data:text/html;base64,PGEgaHJlZj0iaHR0cHM6Ly9iYXNlNjQub25saW5lIj5CYXNlNjQuT25saW5lPC9hPg==

HTML IFarme Tag:

<iframe src="data:text/html;base64,PGEgaHJlZj0iaHR0cHM6Ly9iYXNlNjQub25saW5lIj5CYXNlNjQuT25saW5lPC9hPg=="></iframe>

How to include base64 encoded HTML to my site (HTML page)

If you want to inclide HTML to web site, you should encode HTML text and select output format - HTML IFarme Tag. You will get result like this code:

<iframe src="data:text/html;base64,PGEgaHJlZj0iaHR0cHM6Ly9iYXNlNjQub25saW5lIj5CYXNlNjQuT25saW5lPC9hPg=="></iframe>

Copy & Paste <iframe> tag to <body> tag of your web page. You can set addition iframe tag's attributes are width, height and other. More info about iframe tag.