この画像 Base64 ツールについて
方向 1：画像を選ぶと data:image/…;base64,… 形式の Data URL を即座に生成し、HTML・CSS・JSON にそのまま貼り付け可能。エンコード後のサイズも表示されます。方向 2：Data URL または Base64 文字列を貼り付けると形式を自動判別してプレビュー表示。壊れた入力はエラーとして明確に通知されます。
エンコードは FileReader、デコードはブラウザ標準の Base64 機能を使用し、すべてローカルで完結します。Base64 はサイズが約 33% 増えるため、小さなアイコンや装飾画像のインライン化に向いており、大きな写真は通常のファイル参照がおすすめです。