🖼️画像 ↔ Base64 変換
読み込み中...
画像をBase64でエンコードすると、別の画像ファイルを読み込むことなく、HTMLやCSS、JSONの中に「テキスト」として画像を埋め込むことができます。このツールは、画像からBase64へ、またBase64文字列から画像ファイルへの復元をサポートします。
使い方
- 1画像をアップロード
ファイルをドロップするか、クリップボードから直接貼り付けます（Ctrl+V）。
- 2情報を確認
画像プレビューと共に、ファイル名、サイズ、寸法、変換後のBase64サイズが表示されます。
- 3形式を選んでコピー
Data URL, 純粋なBase64, imgタグ, CSS背景用など、必要な形式の横にあるコピーボタンを押します。
ヒント
- 💡小さなアイコンやロゴの埋め込みに適しています。巨大な画像はBase64文字列も巨大になり、パフォーマンスを落とす可能性があります。
- 💡「Base64 → 画像」タブを使えば、デバッグ中に入手した謎の長い文字列を画像として復元・ダウンロードできます。
- 💡すべての処理はブラウザで行われるため、画像がサーバーに保存されることはありません。
よくある質問
- Q. Base64エンコードするとファイルサイズは増えますか？
- A. Base64はバイナリデータをASCIIテキストに変換するため、元のサイズより約33%増加します。小さなアイコン以外は外部URLを使用することをお勧めします。
- Q. Data URIはどこで使いますか？
- A. HTMLの<img src="data:...">やCSSのbackground-imageに直接埋め込み、別途HTTPリクエストなしに画像を表示できます。
- Q. 変換した画像はサーバーに保存されますか？
- A. すべての変換はブラウザで行われ、データはサーバーに送信されません。機密性の高い画像も安全に変換できます。