Base64
Image Data URL
⚠️ Large image may freez the browser
PNGをBase64データURIに変換する
PNG画像をBase64またはDataURL形式に変換するオンラインツールをご利用ください。画像をアップロードし、希望する形式を選択してコードを生成します。結果をコピーしてプロジェクトに埋め込みます。Base64およびDataURLの出力は、インライン画像データを必要とするウェブ開発ワークフローをサポートします。
Image → Base64 / Data URL
Click or Drag & Drop an Image
画像をBase64またはデータURLに変換する
1
画像をアップロード
PNG画像をアップロードするには、指定された領域をクリックするか、画像をドラッグしてください。
2
出力形式を選択してください
ベース64またはDataURLタブのいずれかを選択して、希望の出力形式を選択してください。
3
Base64コードを表示
タブの下にあるテキストエリアには、画像のBase64またはDataURLコードが表示されます。
4
生成されたコードをコピー
生成されたコードを素早くコピーするには、'コピー'ボタンをクリックしてください。
ウェブサイトにPNG画像を直接埋め込む
PNG画像をBase64データURIに変換し、HTMLに直接埋め込みます。この方法により、外部ファイルが不要になり、HTTPリクエストが減り、ウェブサイトのパフォーマンスが向上します。開発者は生成されたコードスニペットをHTMLに貼り付けて統合を簡素化し、ロード効率を高めることができます。外部依存関係を最小限に抑えることが重要な、静的サイトの実装や社内リソース管理などの状況に適しています。
素早く変換コードをコピー
プロジェクトで追加のファイルなしでPNG画像を使いましょう。Base64またはDataURLコードを生成することで、画像をエンコードされた文字列に変換し、プロジェクトに直接埋め込むことができます。画像をアップロードし、希望する形式を選択して、生成されたコードをコピーすれば、作業にシームレスに統合できます。
よくある質問
Base64やDataURLとは何ですか？
Base64とDataURLは、画像をテキスト文字列として表現する方法です。これにより、個別の画像ファイルを用意することなく、HTMLやCSS内に画像を直接埋め込むことができます。
このPNGをBase64/DataURLツールはどうやって使うのですか？
PNG画像をアップロードしてください。その後、'Base64'または'DataURL'タブをクリックして、対応するコードを生成します。生成されたコードをすばやくコピーするには、'コピー'ボタンを使用してください。
生成されたコードは何に使えますか？
HTML、CSS、またはJavaScriptプロジェクトに画像を直接埋め込むには、Base64またはDataURLコードを使用できます。小さな画像やアイコン、または外部のHTTPリクエストを避けたい場合に便利です。
このツールを使用する際に何か制限はありますか？
大きな画像は変換処理中にコンピューターを遅くする可能性があります。小さなものから中程度のサイズのPNG画像にこのツールを使用するのが最適です。
どの画像形式がサポートされていますか？
このツールはPNG画像用に特別に設計されています。他の形式は現在サポートされていません。