Base64画像データをデータURIに変換する方法
Base64化済みの画像データを入力し、必要に応じてデータURIの出力を有効にして実行します。成功すると画像のBase64表現が得られ、設定が有効ならMIMEタイプ付きのデータURIも作成されます。
概要と使いどころ
画像のBase64データを入力すると、元の画像バイトをUTF-8のBase64表現に整えられます。データURIの出力を有効にすれば、画像形式に応じたMIMEタイプ付きのデータURIも作成できます。画像をURLから取得したり、画像そのものを編集したりする用途ではなく、すでに用意したBase64画像データを扱う場面に向いています。
操作手順と確認方法
- Base64化された画像データを入力欄に貼り付けます。入力は省略できる設定ですが、空のままでは処理に失敗するため、空白ではない画像データを指定してください。
- データURIが必要な場合は、その出力オプションを有効にします。初期状態では有効です。Base64表現だけが必要な場合は無効にできます。
- 実行します。入力がBase64としてデコードされ、得られたバイトを画像として開けると処理が成功します。
- 成功結果を確認します。データURIを有効にした場合はMIMEタイプ付きの文字列が作成され、無効にした場合はデータURI文字列は作成されません。PNG、JPEG、WEBP、GIF、BMPには対応する画像MIMEタイプが使われます。
結果の読み方と境界
成功した場合は、元の画像バイトに対応するBase64表現を受け取れます。データURIを有効にした結果では、画像形式に対応するMIMEタイプとBase64表現を組み合わせた形になります。画像形式を検出できない場合はPNGおよびimage/pngが使われます。検出された形式が未認識の場合は形式の表示がその値のままでも、MIMEタイプはimage/pngにフォールバックします。
失敗は、画像データが空である場合、Base64のデコードや画像を開く処理で例外が発生した場合、または画像デコード機能が利用できない場合に起こります。デコードは厳格な検証に限定されず、画像を開けるかどうかまでの確認なので、壊れた入力や一部だけ壊れた画像がこの段階で必ず失敗するとは限りません。
使用例
PNG画像のBase64データをWebページに埋め込む準備として、入力欄に貼り付けて処理します。
PNG画像をBase64化した文字列を入力し、データURIの出力を有効にした状態で処理を実行します。
成功すると元の画像に対応するBase64表現が返り、データURI出力を有効にした場合は画像MIMEタイプ付きのデータURIも返ります。
制限事項
- 入力はBase64化された画像データが対象です。URLからの画像取得、画像編集、任意の非画像データの処理については確認できません。また、画像を開けるかどうかまでの境界では、壊れた入力が必ず失敗するとは限りません。
よくある間違い
- 入力欄を空のまま実行すると失敗します。空白ではないBase64化済みの画像データを入力してから再実行してください。
よくある質問
入力を省略して実行できますか？
入力が空の場合は処理に失敗します。空白ではないBase64化済みの画像データを指定してください。
Base64だけを取得できますか？
データURIの出力を無効にすると、データURI文字列は作成されず、Base64表現を利用できます。初期状態ではこのオプションは有効です。
どの画像形式のMIMEタイプに対応していますか？
PNG、JPEG、WEBP、GIF、BMPでは対応する画像MIMEタイプが使われます。形式を検出できない場合はPNGとimage/pngが使われ、未認識の形式ではMIMEタイプがimage/pngにフォールバックします。