Base64エンコーダー

テキストや画像をBase64に変換

テキスト入力

※ すべての処理はブラウザ上で行われます。

使い方

  1. 1テキストを変換する場合は「テキスト」タブを選び、「エンコード（テキスト → Base64）」か「デコード（Base64 → テキスト）」を選択します。
  2. 2入力欄にテキストまたはBase64文字列を貼り付け、「変換」ボタンを押すと結果が表示されます。
  3. 3画像をData URIにする場合は「画像」タブを選び、画像ファイルをクリックして選択すると、Data URIとプレビューが生成されます。
  4. 4生成された結果は「コピー」ボタンでコピーし、CSSの background-image やHTMLの img タグにそのまま貼り付けて利用できます。

よくある質問

どんな画像なら Data URI にして良いですか？
iroi では「16×16〜数十px程度のアイコンや、SVGで描ける装飾背景」を Data URI 化の目安にしています。1〜2KB程度に収まり、サイトの多くのページで使い回す小さなものほど効果的です。逆に写真や、将棋盤・駒のように何度も表示する画像は、Base64化でサイズが約33%増えキャッシュも効かなくなるため、通常のファイル配信が向いています。
SVGを Data URI にするときの注意点はありますか？
SVGはテキストなので、Base64にせず data:image/svg+xml;utf8,... の形で encodeURIComponent して埋め込むほうが、Base64化より軽く可読性も保てます。Huuしょうぎ の木目背景もこの方式です。ただし「#」やクォートなど一部の文字はエンコードしないとCSS内で壊れるため、必ず encodeURIComponent を通してください。
入力したデータはサーバーに送信されますか？
いいえ。変換処理はすべてお使いのブラウザ内で実行され、テキストや画像が外部サーバーへ送信・保存されることはありません。社外秘の文字列や個人情報を含むデータも安全に変換できます。
日本語や絵文字も正しく変換できますか？
はい。本ツールはUTF-8として正しくエンコード／デコードするため、日本語・中国語・絵文字などのマルチバイト文字も文字化けせずに変換できます。

関連ツール