画像をデータ URI に

この無料のオンラインツールで、簡単に画像をデータ URIに変換します。任意の画像形式をアップロードし、結果をプレビューし、HTMLタグ、CSS背景、または生のデータ URIとして簡単にコピーできます。サインアップ不要です。
イメージが選択されていません。リサイズするためのイメージを選択してください。
クリップボードにコピーしました!

概要

画像アップロード

デバイスから、一般的な画像形式(JPG、PNG、GIFなど)を選択してアップロードしてください。

画像プレビュー

変換前のアップロード画像のプレビューを表示します。

HTMLタグとしてコピー

画像を HTML `` タグとして生成し、コピーして簡単に埋め込むことができます。

CSS背景としてコピー

画像を CSS 背景画像プロパティに変換してスタイルを設定します。

データURIをコピー

画像の生のbase64エンコードされたデータURIを生成し、コピーします。

参考

Data URIsは、base64エンコーディングを使って、小さなファイルをWebドキュメントに直接埋め込むことを可能にするものです。この方法は、外部リソースの取得のために追加のHTTPリクエストを避けるため、ページの読み込み時間を改善する可能性があります。ただし、大きなData URIsはパフォーマンスに悪影響を与える可能性があるため、小さな画像、アイコン、データファイルなどに使用されます。Data URIsはすべてのモダンなウェブブラウザでサポートされており、画像URLが受け入れられるさまざまなコンテキストで使用できます。

計算

このアプリでは、複雑な計算を行いません。 アップロードされた画像を、データ URI、CSS 背景、HTML `` タグなどのさまざまな形式に変換します。 変換プロセスでは、画像ファイルを Readingし、base64 でエンコードし、選択した出力オプションに応じて結果をフォーマットします。

よくある質問

サポートされている画像形式は何ですか?
アプリは、JPG、PNG、GIFなどの一般的な画像形式の変換をサポートしています。
アップロード可能な画像にサイズはありますか?
厳格なファイルサイズ制限はありませんが、大きい画像の処理とデータ URIへの変換に時間がかかる場合があります。
アニメーションGIFを変換できますか?
はい、アプリはアニメーションGIF画像をデータURIに変換し、アニメーションを保持できます。
コピーされた書式はどのように使用すればよいですか?
データ URI をコピーして、`` タグのソース、background-image CSSプロパティ、または画像を埋め込む必要があるコードに貼り付けます。