Image 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の使用を検討してください。
関連ツール
Top 10 Free Tools Every Developer Needs
Boost your productivity instantly. Get our exclusive cheatsheet featuring the most essential web utilities you didn't know you needed, delivered straight to your inbox.
We respect your inbox. Unsubscribe at any time.