画像をBase64に変換

このツールについて

画像をBase64エンコード文字列に変換したり、既存のBase64文字列を表示・ダウンロード可能な画像にデコードしたりできるツールです。すべての処理はブラウザ内でローカルに行われ、サーバーへのアップロードは一切ありません。

使い方

1. 画像をドロップゾーンにドラッグ＆ドロップするか、クリックしてファイルを選択します。
2. Base64文字列が自動的に表示されるので、「コピー」をクリックしてコードで利用できます。
3. 逆に変換する場合は、data:image/... 形式のBase64文字列をテキストボックスに貼り付けて「プレビュー」をクリックします。
4. 「ダウンロード」をクリックしてプレビューした画像をデバイスに保存します。

主な用途

• 追加のHTTPリクエストなしに小さな画像をHTMLやCSSに直接埋め込む
• JSONペイロードやメールテンプレートに画像を含める
• Base64画像文字列が実際にどんな画像かを素早く確認する
• APIレスポンス内のデータURIをデバッグする

使いこなすヒント

• Base64エンコードはファイルサイズを約33%増加させます——小さなアイコンには向いていますが、大きな写真には不向きです。
• 出力には data:image/... の完全なプレフィックスが含まれており、そのまま <img> の src属性に貼り付けられます。