このツールに問題がありますか?

「画像とBase64 オンライン」について

このツールは画像ファイルを Base64 文字列にエンコードし、HTML/CSS/JSON/Markdown にそのまま埋め込める CSS データ URI(data:image/png;base64,...)を提供します。

自己完結型の HTML、アイコンなど小サイズ素材の HTTP リクエスト削減、外部参照を剥がすメールテンプレートへの画像埋込み、サーバサイドでの動的画像生成などに有用。

PNG、JPEG、GIF、WebP、SVG、ICO に対応。Base64 はファイルサイズが約 33% 増えるため、10 KB 程度までの小画像に向いています。

このツールの使い方

テキストを base64 にエンコード/base64 をテキストにデコードする手順

  1. 方向を選択

    「Mode」で Encode(文字列 → base64)か Decode(base64 → バイト列をテキストで)を切り替え。ラジオ下のラベルが流れの向きを示します。

  2. payload を入力

    「Text to encode, or base64 to decode」は両モード共用の単一フィールド。Encode は UTF-8 テキスト、Decode は標準アルファベット A–Z a–z 0–9 + / = の base64 文字列(data: URL プレフィックスは自動除去)。

  3. 「実行」

    Encode は base64 を返します(padding 調整不要)。Decode はバイト列の UTF-8 ビュー、バイト数、バッファ先頭 48 文字分の hex プレビューを返します。

  4. Decode のバイナリ注意

    デコード結果に null バイトが含まれていれば、payload はおそらくバイナリで UTF-8 テキストではない、と note が警告します。バイトとして扱う(ダウンロードや hex 表示)のがおすすめ。