開発者ツール

インラインリソース用 Data URL 生成

画像やSVGをデータに変換する:URL(URL)をローカルに変換し、HTML、CSS、または小さなリソース参照に埋め込むことができます。ファイルはアップロードされません。

データURLベース64

このツールをお気に入りに

お気に入りの保存方法がまだ選ばれていません。

クイック操作

このツールの URL をコピーするか、対応端末ではシステムの共有シートを開けます。

利用シーン

  • 小さなアイコンをHTMLにインライン化します
  • CSSのバックグラウンドデータURLを構築する
  • SVGフラグメントをURIとしてエンコードします

使い方

  1. ローカルファイルを選ぶか、SVGを貼り付けるか
  2. 生成されたデータ:文字列をレビューしてください
  3. 結果をコピーしてください

入出力サンプル

SVG

<svg xmlns="http://www.w3.org/2000/svg"></svg>

データURL

data:image/svg+xml,...

FAQ

どのファイルサイズが最適ですか?

小さな画像やアイコン用に設計されています。非常に大きなファイルは長い文字列を作り、ページのパフォーマンスに悪影響を及ぼします。

ファイルはアップロードされていますか?

いいえ。読み込みとエンコードはブラウザ内で行います。

ツール

関連ツール

近い用途の翻訳済みツールへ続けて進めます。

Data URL 解析

Data URL のメディアタイプ・内容解析

利用可能

データを分割する:ローカルでURIを行い、MIMEタイプとペイロードを特定し、一般的な画像やテキストコンテンツをプレビューします。インラインページリソースの分析に役立ちます。

データURL パーサー

画像を Base64 に変換

画像を Base64 に変換 - Data URL 形式でエンコード

利用可能

ローカル画像をアップロードなしでブラウザ内で Base64 Data URL に変換します。HTML/CSS への小さなアイコン埋め込み、CSS 背景のデバッグ、API 用画像サンプルの記録に便利です。

画像 Base64 Data URL

Base64 エンコード・デコード

Base64 エンコーダー・デコーダー

利用可能

標準形式と URL-safe 形式に対応した Base64 のエンコード・デコードをブラウザ上で実行できます。方向の自動判定やファイルから Base64 への変換にも対応し、API のデバッグやローカルでのデータ準備に便利です。

ベース64 エンコード 開発者