Base64からWebPに復元
Base64からWebPファイルを復元し、プレビューしてダウンロードできます。
0 文字
01
仕組み
Base64をデコードしてWebPのファイルシグネチャを確認します。data URIの接頭辞を取り除き、Base64URLや空白も受け付けます。
02
技術情報
PNGやJPEGをWebPに変換する機能はありません。形式が不明な場合は、汎用のBase64画像デコーダーを使ってください。
技術情報
入力
- >data:image/webp;base64,…
- >Base64 / Base64URL
活用例
- >HTML / CSS
- >JSON / API
仕組み
Base64をデコードしてWebPのファイルシグネチャを確認します。data URIの接頭辞を取り除き、Base64URLや空白も受け付けます。
例:
data:image/webp;base64,UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA
技術情報
- >PNGやJPEGをWebPに変換する機能はありません。形式が不明な場合は、汎用のBase64画像デコーダーを使ってください。
- >データはブラウザ内で処理します。
仕組み
01
デコード
ここにBase64を貼り付けてください。
02
ダウンロード
Base64からWebPファイルを復元し、プレビューしてダウンロードできます。
例
JavaScript
const b64 = 'UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA';
const bytes = Uint8Array.from(atob(b64), c => c.charCodeAt(0));
const file = new Blob([bytes], { type: 'image/webp' });Base64をデコードしてWebPのファイルシグネチャを確認します。data URIの接頭辞を取り除き、Base64URLや空白も受け付けます。
よくある質問
利用時の注意点は？
PNGやJPEGをWebPに変換する機能はありません。形式が不明な場合は、汎用のBase64画像デコーダーを使ってください。
データはサーバーに送信されますか？
いいえ。処理はブラウザ内で行われます。
他の言語
参考資料
結果の正しさをどう確認するか
以下の自動テストでこのツールを検証します。テスト例の名称は原文のまま掲載しています。
- Verification method
- Compare decoded bytes for standard, URL-safe, unpadded and Data URI inputs and verify signatures override false MIME labels.
- Comparison reference
- Explicit binary fixtures, file signatures and byte assertions.
- Verification scope
- This checks bytes and format detection, not successful browser decoding of every image.
Test source and cases (select a file to read it)
-
base64-image.test.js
- image decoding preserves bytes for raw, wrapped, URL-safe and unpadded Base64
- file signatures determine the actual format even when the data URI lies
テスト対象は記載した例と境界条件です。すべての入力に対する証明ではありません。往復変換や同じライブラリによる確認は独立した検証ではありません。