ファイルをBase64に変換

ファイルをBase64に変換

ファイルからBase64、data URL、HTMLやCSS用のコードを作成します。

ファイルをドロップするか選択してください。

PDF, SVG, WebP, MP3, ZIP…

Data URL
Base64のみ
<img>
CSS url()
01

仕組み

FileReaderでバイト列を読み取り、MIMEタイプ付きのdata URLを作成します。Base64出力はカンマより後の部分だけです。

02

技術情報

どのバイト列もエンコードできますが、ブラウザで表示できる形式は限られます。imgとCSSの出力は画像用です。

技術情報

仕組み:

FileReaderでバイト列を読み取り、MIMEタイプ付きのdata URLを作成します。Base64出力はカンマより後の部分だけです。

例:

data:application/pdf;base64,JVBERi0xLjQKJ…

活用例:

  • >ファイルからBase64、data URL、HTMLやCSS用のコードを作成します。
  • >データはブラウザ内で処理します。

よくある質問

利用時の注意点は?

どのバイト列もエンコードできますが、ブラウザで表示できる形式は限られます。imgとCSSの出力は画像用です。

データはサーバーに送信されますか?

いいえ。処理はブラウザ内で行われます。

他の言語