このツールはブラウザで即時実行できます。登録もサーバー処理も不要です。
このツールが役に立ちましたか？
byteflow.tools をインストールすると、起動が速くなり、オフラインでもツールを使えます。
インストールガイドこのツールが役に立ちましたか？
byteflow.tools をインストールすると、起動が速くなり、オフラインでもツールを使えます。
インストールガイド画像を Base64 データ URI に変換します（逆も同様）。
ここに画像をドロップするか、クリックして参照します
PNG, JPG, SVG, WebP をサポート
画像を Base64 形式に変換し、Base64 画像ペイロードをデコードしてプレビューに戻し、統合、埋め込み、ワークフローのデバッグを行います。
アップロードされた画像を Base64 とデータ URI 出力形式にエンコードします。
生の Base64 またはデータ URI 画像文字列をライブ プレビューにデコードします。
HTML、CSS、ハイパーリンク、ファビコン スニペットなどの複数の出力形式をサポートします。
出力サイズを追跡し、フォーマットごとにワンクリックのコピー アクションを提供します。
ソースをエンコード
logo.svg またはスクリーンショット.png アップロード
ソースをデコード
data:image/png;base64,iVBORw0...
生のペイロード
iVBORw0KGgoAAAANSUhEUg...
データ URI
data:image/png;base64,...
HTML 出力
<img src="data:image/png;base64,..." alt="" />
CSS 出力
.image { background-image: url("data:image/png;base64,..."); }データ URI 形式が無効です
ペイロードが `data:<mime>;base64,<content>` 構造と一致することを確認してください。
デコードプレビューが失敗します
空白を削除し、Base64 文字が損なわれていないことを確認します。
出力に予期しない MIME タイプがあります
ソース ファイルの種類と URI ヘッダー値を確認してください。
非常に大きなペイロードはパフォーマンスに悪影響を及ぼします
インライン Base64 ではなく、大規模なアセットのファイル ホスティングを使用してください。
コピーされたスニペットは HTML/CSS を壊します
引用符をエスケープし、コンテキスト固有の構文を確認してください。
画像 ↔ Base64 は、提出・公開・引き継ぎの前に行う迅速な検証ステップとして運用するのが適切です。
データ URI と生の Base64 の両方をデコードできますか?
はい、両方の入力形式がサポートされています。
どの出力形式を選択すればよいですか?
ターゲットの統合コンテキストに一致する形式を使用してください。
Base64 は大きな画像に適していますか?
通常、いいえ、大きな画像はファイルとして提供する方が適しています。
これによりファビコン タグを生成できますか?
はい、ファビコン リンク出力が含まれます。
Base64 出力が元のファイルより大きいのはなぜですか?
Base64 エンコードによりペイロード サイズが増加します。デザイン。