Tiny Online Tools logoTiny Online Toolssearchツールを検索…grid_viewすべてのツール
ホームchevron_rightデータツールchevron_rightデータ URI ジェネレーターデータ URI ジェネレーター

データ URI ジェネレーター

ローカルファイルをアップロードせずにデータ URI を生成します。

ファイルを選択upload_file

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

関連ツール

CSV ソーター

CSV ソーター

選択した列で CSV の行を並び替えます。

CSV ビューア

CSV ビューア

テーブルインターフェースでCSVファイルを表示・探索します。

CSV フィルター

CSV フィルター

条件に基づいて CSV ファイルの行をフィルタリングします。

JSON から YAML へ

JSON から YAML へ

JSON を YAML に変換します。

ランダム時刻ジェネレーター

ランダム時刻ジェネレーター

指定した範囲内でランダムな時刻(HH:MM または HH:MM:SS)を生成。12時間/24時間制に対応。

JSON 差分

JSON 差分

2 つの JSON オブジェクトを比較します。

3Dモデル最適化ツール

3Dモデル最適化ツール

GLB・GLTFモデルをリアルタイム描画向けにブラウザ内で最適化します。

apps

もっと見る

無料オンラインツールの全コレクションを見る。

データ URI ジェネレーター

ローカルファイルをアップロードなしでコピーできるデータ URI に変換します。小さなアセットを HTML や CSS にインラインで埋め込んだり、エンコード済みの出力を確認したり、デモやプロトタイプ向けに埋め込みリソースを準備したりするときに便利です。

主な用途

  • CSS や HTML に小さなアセットをインラインで埋め込む
  • ローカルファイルをデータ URI として確認する
  • アイコン・フォント・画像などの埋め込みリソースを準備する

このツールが便利な理由

ファイルをデータ URI に変換することは理論上は簡単ですが、一度きりの出力が必要な場合でも手間がかかります。このツールを使えば、ローカルファイルを選択してエンコード済み URI をすぐに生成し、インラインアセットが必要な場所でそのまま使えます。

基本的な使い方

  1. 変換したいローカルファイルを選択します。
  2. ツールが完全なデータ URI 文字列を生成します。
  3. 出力を確認し、プロジェクトで使うためにコピーまたはダウンロードします。

ブラウザ内処理によるプライバシー

ファイルがブラウザの外に出ることはないため、内部画像、サンプルアセット、フロントエンドの素早い実験に最適です。