MetoolzyImage to Base64
双方向変換
画像→Base64、Base64→画像に対応。
リアルタイムプレビュー
Base64を貼り付けながら画像を確認。
ダウンロード
デコードされた画像を直接ダウンロード。
Client-side
すべての処理はブラウザ内で。データはアップロードされません。
Image to Base64について
画像→Base64コンバーターは、任意の画像ファイルをBase64データURLに変換でき、逆にBase64文字列を表示・ダウンロード可能な画像に戻すことも可能です。Base64エンコードはWeb開発で広く使われており、別途HTTPリクエストを必要とせずHTMLやCSS、JavaScript内に直接画像を埋め込む際に利用されます。これは小さなアイコン、ロゴ、または外部画像ホスティングが利用できないメールテンプレートに便利です。またREST APIやJSONペイロードでバイナリ画像データをプレーンテキストとして転送する際にも使われます。このツールは双方向をサポートしています：画像ファイルをアップロードしてすぐにBase64文字列（データURIプレフィックスの有無を選択可能）を取得するか、Base64文字列を貼り付けてデコードされた画像をプレビュー・ダウンロードできます。エンコードされた文字列はワンクリックでクリップボードにコピーできます。すべてブラウザ内で処理されるため、機密性の高い画像がサーバーに送信されることはありません。
Image to Base64の使い方
- 「画像 → Base64」タブを選択して画像をエンコードするか、「Base64 → 画像」でBase64文字列をデコードします。
- エンコードするには：画像ファイルをアップロードゾーンにドラッグするか、クリックして参照します。Base64データURLがすぐに表示されます。
- 「コピー」ボタンをクリックして、完全なBase64文字列（データURIプレフィックスを含む）をクリップボードにコピーします。
- デコードするには：Base64文字列（data:image/...プレフィックスの有無に関わらず）をテキストエリアに貼り付けます。
- 入力または貼り付けるとデコードされた画像のライブプレビューが表示されます。
- プレビューの下にある「画像ダウンロード」をクリックして、デコードされた画像をデバイスに保存します。
よくある質問
Base64データURLとは何ですか？
Base64データURLはバイナリデータをASCIIテキストとしてエンコードします。画像の場合、data:image/png;base64,iVBOR...のような形式で、<img>タグのsrc属性として直接使用できます。
ウェブサイトでBase64画像を使うべきですか？
非常に小さな画像（~5 KB以下）の場合のみ推奨です。Base64エンコードはファイルサイズを約33%増加させ、ブラウザキャッシュを妨げるため、大きな画像には推奨しません。
このツールはすべての画像フォーマットに対応していますか？
はい。ブラウザがレンダリングできる画像であれば — JPEG、PNG、WebP、GIF、SVG、BMP — Base64にエンコードできます。
画像はサーバーに送信されますか？
いいえ。FileReader APIがブラウザ内でローカルに画像を処理します。画像データがデバイスから外に出ることはありません。
なぜBase64文字列がこんなに長いのですか？
Base64エンコードはバイナリデータを約33%拡張します。100 KBの画像は約133 KBのBase64文字列になります。大きな画像にはホスティングURLの使用を検討してください。