このツールについて
data:<画像形式>;base64,... 形式の完全なテキストを生成します。小さなアイコン、プレゼン資料、Data URI 対応の HTML や CSS で、画像をテキストとして扱えます。
使い方
- JPG・PNG・WebP・GIF・BMP・SVG の画像を選択またはドラッグします。
- 画像形式、ファイル容量、プレビューを確認します。
- 「Data URI を生成」をクリックし、完全なテキストと文字数を確認します。
- 「Data URI をコピー」または「TXT をダウンロード」をクリックし、使い先のアプリが対応する方法で使用してください。
対応形式
- 入力：JPG・PNG・WebP・GIF・BMP・SVG。元ファイルは最大 20 MiB。
- 出力：実際の画像 MIME タイプを含む Base64 Data URI（.txt）。
変換時の注意点
- Data URI には data: 接頭辞、画像形式、;base64, の記号、元画像の Base64 文字列が含まれます。
- 画像を再圧縮せず、元ファイルの内容を保持します。テキストは通常、元ファイルより約 33% 大きくなり、接頭辞の分だけさらに長くなります。
- Data URI は HTML、CSS、文書の容量を増やすため、大きな画像には向きません。使い先のアプリが長さを制限したり、画像の埋め込みを禁止したりする場合もあります。
- SVG のプレビューはスクリプトと外部リソースを除外しますが、出力には元の SVG 内容が含まれます。信頼できるファイルのみ使用してください。
元画像は最大 20 MiB。プレビューは最大 4,000 万ピクセル、幅と高さはそれぞれ 16,384 ピクセルまでです。SVG は UTF-8 で、ソースは最大 2 MiB にしてください。
プライバシーについて
画像はお使いのブラウザー内だけで処理され、サーバーにはアップロードされません。
選択した画像や結果は自動保存されません。必要な内容は、クリアする前やページを離れる前にダウンロードまたはコピーしてください。
FAQ
Data URI とは何ですか？
ファイルの種類と内容を一緒に含むテキストです。例えば data:image/png;base64,... のように表し、対応する場所で画像として使用できます。
Data URI は HTML や CSS に直接使えますか？
Data URI に対応した画像 URL や背景画像の指定に使えます。ただし、サイト、アプリ、コンテンツの規則によって制限される場合があります。
大きな画像に向かないのはなぜですか？
Base64 で容量が約 3 分の 1 増え、HTML、CSS、文書も大きくなるため、編集や読み込みに影響する場合があります。
Base64 のみの出力と何が違いますか？
Data URI には data: 接頭辞と画像の MIME タイプも含まれます。Base64 のみ必要な場合は「画像 → Base64」をご利用ください。
Data URI を生成すると画像は変わりますか？
いいえ。元ファイルの内容をエンコードするため、画像の再圧縮や元ファイルの情報削除は行いません。
画像はサーバーにアップロードされますか？
いいえ。選択、プレビュー、変換、ダウンロードはすべてブラウザー内で行い、画像をサーバーにアップロードしません。