使い方
- モードを選択
ツールバーで「画像→Base64」または「Base64→画像」モードを選びます。
- 画像またはBase64を入力
画像→Base64: ツールバーのファイル選択から画像を読み込みます。Base64→画像: テキストエリアにBase64文字列を貼り付けます。
- 結果を利用
Base64文字列をコピーしてHTML/CSSに埋め込むか、プレビュー画像をダウンロードできます。
画像Base64変換ツール の具体例
画像→Base64変換
入力
（画像ファイルを選択）出力
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA...ツールバーのファイル入力から画像を選択すると、Data URL形式で出力されます。
Base64→画像プレビュー
入力
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA...出力
（画像プレビュー表示 + ダウンロードボタン）Base64文字列を入力エリアに貼り付けて「変換」をクリックします。
特長
- PNG/JPEG/WebP/GIF/SVG画像をBase64データURLに変換
- Base64文字列から画像をプレビュー表示
- プレビュー画像のダウンロード機能
- ファイルサイズ・画像サイズ・MIME情報の表示
- Data URL形式（data:image/...;base64,...）で出力
- すべてブラウザ内処理（サーバー送信なし）
- ダークモード対応
よくある質問
Base64データURLとは何ですか？
Base64データURLは「data:MIME;base64,エンコード文字列」の形式で、画像をテキストとしてHTML/CSSに直接埋め込めます。小さなアイコンやロゴの埋め込みによく使われます。
どのような画像形式に対応していますか？
ブラウザがサポートするすべての画像形式（PNG、JPEG、WebP、GIF、SVGなど）に対応しています。
画像はサーバーにアップロードされますか？
いいえ。すべての変換処理はブラウザ内のCanvas APIとFileReader APIで行われます。画像データが外部に送信されることはありません。