画像をデータ URI に変換
画像をローカルで Base64 のデータ URI に変換し、HTML や CSS にそのまま貼り付けられます。アップロードなし。
お使いの端末でローカル処理中 ...
ファイル
お使いの端末でローカル処理中 ...
0%
ファイルは一度も端末から出ていません
私のファイルはアップロードされますか？
いいえ。すべてブラウザ内で動作します。あなたのファイルが端末から出ることはありません。これが検証できる理由
データ URI は画像をそのままテキスト (Base64) として符号化するため、別ファイルや追加のネットワーク要求なしに HTML (img の src) や CSS (背景) にインラインで埋め込めます。このツールは画像を貼り付けてすぐ使える data: URI に変換します。
出力は data:image/...;base64,... の文字列全体を含むプレーンテキストファイルです。小さなアイコンやメールテンプレート、単一ファイルのデモ、追加要求の回避に便利ですが、Base64 のテキストは元のバイト数より約3分の1ほど大きくなります。
すべてはブラウザ内で完全にローカルに処理され (オフラインでも動作、アップロードなし)、画像が端末から出ることはありません。画像はそのまま符号化され (同じバイト、同じ形式、再エンコードなし)、非常に大きな画像は非常に長い文字列になるため、小さな画像に最適です。
埋め込みの正直なトレードオフ: data URIはHTMLやCSSファイルの配信のたびに一緒に運ばれ、ブラウザーに個別キャッシュされません。経験則として、埋め込みが割に合うのは数キロバイト程度のアイコンなどごく小さな画像だけで、大きな画像は独立ファイルのままが得策です。手早く確認するには、文字列をブラウザーのアドレスバーに直接貼り付けてみてください。
技術仕様
| 入力形式 | JPG, JPEG, PNG, WEBP |
|---|---|
| 自動変換 | GIF, BMP, TIFF, ICO, SVG, HEIC, PDF, DOCX, DDS, HDR, PCX, WBMP |
| 出力形式 | TXT |
| 一括処理 | 対応 |
| 処理 | ブラウザ内でローカル処理 (JavaScript) |
| ファイルのアップロード | なし |
3ステップで
- 画像 (PNG, JPEG, WebP) をドロップまたはタップします。
- ブラウザ内で Base64 に符号化され、data: URI になります。
- データ URI を含むテキストファイル (貼り付け可能) をダウンロードします。
制限: 画像のバイトをそのまま Base64 として data:<type>;base64,... の文字列に符号化し、テキストファイルとして保存します。Base64 は元より約33%大きくなるため、小さな画像に最適です。元の形式とバイトは保持されます (再エンコードなし)。
よくある質問
画像はアップロードされますか？
いいえ。符号化はブラウザ内で完全にローカルに行われます (オフラインでも)。画像が端末から出ることはありません。
データ URI はどこで使いますか？
img の src や CSS の背景として貼り付けると、別ファイルや要求なしで画像をインラインに埋め込めます。
ファイルは大きくなりますか？
はい。Base64 のテキストは元のバイト数より約3分の1大きくなるため、データ URI は小さな画像に最適です。
画像は変わりますか？
いいえ。元のバイトをそのまま符号化するため、形式も品質も変わりません。