データURLジェネレーター＆デコーダー

データURLジェネレーター＆デコーダーは、ファイルやテキストをデータURI（データURLとも呼ばれる）に変換し、既存のデータURIを元のコンテンツにデコードする無料のブラウザベースツールです。データURIはdata:スキームを使用して、小さなファイルをHTML、CSS、またはJavaScriptドキュメントに直接埋め込むことができ、個別のHTTPリクエストが不要になります。

このツールは、画像（PNG、JPEG、GIF、WebP、SVG、ICO）、フォント（WOFF、WOFF2）、スタイルシート、スクリプト、任意のバイナリデータなど、あらゆるファイルタイプをサポートしています。ファイルをアップロードすると、MIMEタイプが自動的に検出されます。テキスト入力の場合は、一般的なMIMEタイプから選択するか、カスタムタイプを入力できます。

すべてのエンコードとデコードは、ネイティブのFileReader APIとbtoa()/atob()関数を使用してブラウザ内で完全に行われます。データがサーバーに送信されることは一切ないため、プロプライエタリな画像、プライベートフォント、機密文書を安全に使用できます。

データURIを生成した後、CSS background-imageスニペット、HTML <img>タグ、またはMarkdown画像参照として即座にコピーできます。ツールはまた、元のファイルサイズとデータURIサイズを表示するため、インライン化が有効かどうかの判断に役立ちます。Base64エンコーディングは通常、サイズを約33%増加させるため、データURIは10 KB未満の小さなアセットに最適です。

既にデータURIがあり、その内容を調べる必要がある場合は、デコードモードに切り替えてください。デコーダーはMIMEタイプを抽出し、Base64ペイロードをデコードしてコンテンツを表示します。画像の場合、インラインでビジュアルプレビューが表示されます。

関連するエンコーディングタスクについては、Base64エンコード/デコードツールで生のBase64変換、またはURLエンコード/デコードツールでパーセントエンコーディングをご覧ください。インライン化する前に画像を圧縮する必要がある場合は、画像圧縮をご利用ください。

1. エンコードモード（デフォルト）でデータURIを作成するか、デコードモードで既存のデータURIからコンテンツを抽出します。
2. エンコードモードでは、ファイルアップロードでドラッグアンドドロップまたはファイル参照するか、テキスト入力でテキストを貼り付けてMIMEタイプを選択します。
3. ファイルアップロードの場合、破線エリアにファイルをドロップするか、クリックしてファイルブラウザを開きます。MIMEタイプは自動検出されます。
4. テキスト入力の場合、ドロップダウンから適切なMIMEタイプを選択し、データURI生成をクリックします。
5. コピーボタンで生成されたデータURIをコピーするか、CSS、HTML、Markdownスニペットをコピーします。
6. サイズ比較を確認して、データURIが元のファイルよりどれだけ大きいかを確認します。
7. デコードモードでは、テキストエリアにデータURIを貼り付けてデコードをクリックし、コンテンツを抽出してプレビューします。
8. キーボードショートカットCtrl+Shift+CでデータURIをすばやくコピー、Ctrl+Enterでエンコード/デコードを実行できます。