データURL変換ツール

任意のファイルをBase64データURLに変換、またはデータURLから元のファイルを復元。すべてブラウザ内で完結し、サーバー送信なし・完全プライベート。

📁

ファイルをここにドラッグ＆ドロップ、またはクリックして選択

画像・SVG・フォント・JSON・PDF・音声・動画など、あらゆるファイルに対応

ファイル名 —

MIMEタイプ —

元のサイズ —

変換後サイズ —

サイズ増加 —

画像プレビュー

データURL（data:mime;base64,...）

Base64文字列のみ

CSS background-image

HTML <img> src

CSS @font-face src

データURLまたはBase64文字列を貼り付け：

検出されたMIME —

デコード後サイズ —

デコードされた画像プレビュー

ファイルをダウンロード

主な用途

CSS background-image
HTML img src
フォント埋め込み（@font-face）
SVG埋め込み
メールテンプレート
JSON / APIペイロード
オフラインWebアプリ
ファビコン埋め込み

使い方

ファイル → データURL

変換したいファイルをドロップゾーンにドラッグ＆ドロップ、またはクリックしてファイルを選択します。
ブラウザの FileReader API を使ってローカルで処理されます。ファイルはサーバーに送信されません。
必要な形式をコピーボタンでコピーします：データURL全体・Base64文字列・CSS background-image・HTML <img> タグ・CSS @font-face（フォントファイルの場合）。

データURL → ファイル

データURL → ファイル タブに切り替えます。
data:mime;base64,... 形式の文字列（またはBase64文字列のみ）を貼り付けます。
デコードしてダウンロード をクリックして元のファイルを保存します。

出力形式の説明

形式	用途
データURL	`src`・`href`・`url()` の直接値として使用
Base64文字列	API・データベース・JSONペイロード
CSS background-image	スタイルシートにそのまま貼り付け
HTML `<img>` タグ	HTMLにそのまま貼り付け
CSS @font-face	外部リクエストなしでWebフォントを埋め込み

データURLを使う理由

ファイルをBase64データURIとして埋め込むことで、外部HTTPリクエストなしに自己完結したHTMLファイル・メールテンプレート・CSSスタイルシートを作成できます。主な用途：

CSSのSVGアイコン — 追加のネットワーク通信なし
メール内フォント — 一部クライアントは外部リソースをブロックするため
オフラインWebアプリ — アプリシェルにアセットを直接埋め込み
APIペイロード — バイナリデータをJSON文字列として渡す
ファビコン埋め込み — 別ファイルなしで小さなアイコンをインライン化

変換後のサイズは約33%増加します（3バイトが4文字のBase64になるため）。本番環境では50KB以下のアセットに使用することをお勧めします。

プライバシー

すべての変換はブラウザの FileReader および atob/btoa API を使ってブラウザ内で完結します。ファイルデータがサーバーに送信されることはありません。

主な用途

使い方#

ファイル → データURL#

データURL → ファイル#

出力形式の説明#

データURLを使う理由#

プライバシー#

関連ツール#

使い方

ファイル → データURL

データURL → ファイル

出力形式の説明

データURLを使う理由

プライバシー

関連ツール