Base64→data URI画像

このツールでできること

• Base64→data URI画像では、Base64文字列の空白を取り除き、選択したMIMEタイプのdata URIプレフィックスを付ける。
• 関連する観点として Base64→data URI画像、base64 to data uri、base64 prefix data uri を確認し、結果をコピーして別の作業に使えます。

使い方

1. 「MIMEタイプ」で data URI に付けたい種類を選びます。初期値は image/png です。
2. 「入力」欄にBase64本体を貼り付けます。改行やスペースが混ざっていても処理時に取り除かれます。
3. 「結果」欄に data:<選択したMIMEタイプ>;base64, から始まるdata URIが自動で表示されます。
4. HTMLのimg src、CSSのurl()、PDFやテキストの埋め込みへ貼る前に、元データとMIMEタイプが一致しているか確認します。

入力例・出力例

よくある利用シーン

• PNGやJPEGのBase64本体だけを受け取ったとき、imgタグへ貼れるdata URI形式に素早く整えたいとき。
• メールやログで折り返されたBase64から空白を消し、ブラウザで試す1行のdata URIにしたいとき。
• PDFやtext/plainのBase64サンプルに、画像以外のMIMEタイプを明示したプレフィックスを付けたいとき。
• Base64本体と data:<MIME>;base64, プレフィックスの境界を、実際の文字列で説明したいとき。

結果確認のポイント

• 構文、引用符、改行、エスケープが利用先の仕様に合っているか確認してください。
• Base64→data URI画像、base64 to data uri、base64 prefix data uriの観点で、入力内容と出力内容がずれていないか見直してください。
• コピーした結果を利用先に貼り付けたあと、改行や記号が変わっていないかも確認してください。

注意点

• 本番の秘密情報、APIキー、パスワードは入力しないでください。
• 結果を公開・送信する前に、用途に合う形式かを必ず確認してください。

データの扱い / プライバシー

• Base64→data URI画像の主要な処理はブラウザ内で実行されます。
• 入力内容を保存するアカウント機能はなく、ページを閉じると作業内容は手元のブラウザから離れます。
• 本番の秘密情報や個人情報を扱う場合は、入力前に必要性を確認してください。

よくある質問

関連ツール