データURL生成
テキスト/ファイルをdata:形式で複数形式に変換
📁
ファイルをドロップ
または クリックして選択
MIME型
-
元サイズ
-
URL文字数
-
データURL生成で出来る事
データURL生成ツールは、テキスト入力やファイルアップロードから、ブラウザ上でdata:形式のURL(データURI)を即座に複数形式で生成できる無料ツールです。
HTMLやCSSに画像やフォント、小さなファイルを直接埋め込みたいとき、外部ファイルへのリクエストを減らしてページの読み込み速度を向上させたいとき、メール署名やシングルページアプリにインラインリソースを組み込みたいときなどに活躍します。
テキストモードでは任意の文字列をtext/plainやtext/html、application/jsonなど好きなMIME型でデータURLに変換でき、ファイルモードでは画像・音声・PDF・フォントなどあらゆるファイルをドラッグ&ドロップするだけでbase64エンコード済みのデータURLが得られます。生成結果にはMIME型、元データのバイトサイズ、データURL全体の文字数が表示されるため、埋め込み前にサイズ感を確認できます。
出力形式は4種類から選択可能:Raw(data:...をそのまま)、HTML img形式、CSS background形式、JSON形式。特にSVGファイルはRaw形式でエンコード済みのURL埋め込みを推奨します。
すべての処理はブラウザ内で完結し、ファイルや入力テキストが外部サーバーに送信されることはありません。コピーボタンで結果をワンクリック取得でき、開発中のHTMLやCSS、JavaScript、設定ファイルへすぐに貼り付けて利用できます。
データURL生成の使い方
- 「テキスト入力」タブを選んで変換したいテキストを入力するか、「ファイル入力」タブを選んでファイルをドラッグ&ドロップします。
- テキストモードではMIME型を選択してから「データURL生成」ボタンを押します。ファイルモードではファイルを読み込むと自動的にデータURLが生成されます。
- 出力形式(Raw / HTML / CSS / JSON)を選択してから、コピーボタンでクリップボードに取得し、HTML/CSSなどに貼り付けます。
データURL生成を使うメリット
- 【テキスト&ファイル両対応】文字列の直接入力にもファイルのドラッグ&ドロップにも対応し、あらゆる用途のデータURLを一つのツールで生成できます。
- 【複数出力形式に対応】Raw・HTML img・CSS background・JSON形式で出力可能。HTML埋め込みやCSS背景設定など、用途に応じた形式をすぐに取得できます。
- 【MIME型・サイズ情報を表示】生成結果にMIME型・バイトサイズ・文字数を表示するため、埋み込みに適したサイズかどうかを事前に判断できます。
- 【完全ブラウザ処理で安全】ファイルもテキストもサーバーへ送信されないため、社内資料や機密データの変換にも安心して使えます。
他のカテゴリ Other Categories
開発ツール の人気ツール TOP 10 Popular Developer Tools Tools TOP 10
開発ツール のすべてのツール (43件) All Developer Tools Tools (43)
該当するツールが見つかりませんでした No matching tools found
画像ツール
PDFツール
テキスト
音声ツール
動画ツール
計算
ビジネス文書
デザイン