この道具の仕組み
画像のバイト列をBase64へ変換し、選択した形式のData URLとして出力します。
入力と結果の例
処理例
- 入力
- 小さなアイコンPNG
- 結果
- data:image/png;base64,... のテキスト
使う前に知っておくこと
- 01Data URLは元のファイルより約33%大きくなります。
- 02大きな画像の埋め込みはHTML/CSSを肥大化させます。小さなアイコン向けです。
画像→Base64（Data URL）
画像→Base64（Data URL）は、画像をBase64エンコードし、CSSやHTMLに埋め込めるData URLを作ります。 ファイルは端末内で読み込み、処理前の設定と出力内容を確認してから保存できます。
入力はブラウザ内で処理登録不要最終検証 2026.07.15
ファイルを選ぶ
選択したファイルは端末内だけで処理します。
設定する
よく使う値をあらかじめ入れています。
結果を見る
処理後の内容を確認してから保存できます。
ファイルを選んで実行すると、ここに結果が表示されます。