Base64
Image Data URL
⚠️ Large image may freez the browser
SVGをBase64文字列に変換する
このツールを使ってSVG画像をBase64またはDataURL文字列に変換できます。SVGファイルをアップロードし、希望の出力形式を選択してください。コピーボタンを使ってコードを取得できます。この方法で、SVGをHTMLやCSSに直接埋め込むことができます。
Image → Base64 / Data URL
Click or Drag & Drop an Image
SVGをBase64文字列に変換する
1
SVGファイルをアップロード
SVGファイルをアップロードするには、アップロード領域をクリックするか、ファイルをドラッグしてください。
2
出力形式を選択してください
ベース64またはDataURLタブのいずれかを選択して、希望する出力形式を選択してください。
3
Base64文字列表示
タブの下には、SVGのBase64またはDataURL文字列がテキストエリアに表示されます。
4
生成されたコードをコピー
生成されたコードをクリップボードにコピーするには、'コピー'ボタンをクリックしてください。
コードにSVGを直接埋め込む
HTMLやCSSにSVG画像を外部ファイルなしで直接埋め込むことができます。このツールはSVGをBase64またはDataURL文字列に変換し、ワークフローを効率化し、HTTPリクエストを最小限に抑えます。ベクトルグラフィックスをウェブプロジェクトに効率的に統合するために活用してください。
ベクトルグラフィックスを素早く埋め込む
ウェブプロジェクトにベクターグラフィックを組み込みたいですか？ このツールはSVGファイルをBase64またはDataURL文字列に変換し、HTMLまたはCSSに直接埋め込むことができます。 外部ファイルへの依存を減らし、読み込み時間を短縮することで、ワークフローを効率化します。
よくある質問
Base64またはDataURL文字列とは何ですか、そしてそれはなぜ必要になるのでしょうか？
Base64またはDataURL文字列は、画像をテキストとして表現します。これにより、画像ファイルを別途用意することなく、画像をHTMLまたはCSSに直接埋め込むことができます。
このSVGをBase64/DataURLコンバーターはどう使うのですか？
SVGファイルをアップロードし、出力形式として'Base64'または'DataURL'を選択し、'Copy'ボタンをクリックすると、生成されたコードがコピーされます。
SVGのDataURLを使用する利点は何ですか？
SVGをData URLとして埋め込むと、HTTPリクエストを減らし、プロジェクトの構造を簡素化し、読み込み時間を短縮する可能性があります。
このツールを使用する際に何か制限はありますか？
大きなSVGファイルは変換中にコンピュータを遅くする可能性があるため、小さな画像を使用するのが最適です。
このツールは他の画像形式にも使用できますか？
このツールはSVG画像専用に設計されています。JPGやPNGなど、他の画像形式はサポートしていません。