画像 ↔ Base64 変換
画像をdata URI文字列に変換したり、逆に文字列を画像ファイルへ戻したりします。HTMLやCSSに画像を直接埋め込むときに使い、ファイルがサーバーに送信されることはありません。
ファイルを選択してください
または、ここにファイルをドラッグ＆ドロップしてください
ご利用手順
- 1
上のタブで変換の向きを選びます。
- 2
画像 → Base64は、ファイルを載せると文字列が表示され、コピーボタンですぐに取り出せます。
- 3
Base64 → 画像は、文字列を貼り付けて戻すボタンを押すとファイルとして受け取れます。
よくあるご質問
- Base64にすると何が良いのですか？
- 画像を別ファイルではなく、HTMLやCSSの中に文字列として直接埋め込めます。ファイルを個別に取得しに行かないので、小さなアイコンが数個であればページの表示がわずかに速くなります。メール署名や単一ファイルの文書など、外部ファイルを使えない場所でも役立ちます。
- 容量が増えると聞きましたが本当ですか？
- 本当です。Base64は3バイトを4文字に変換するため、結果は元より約33%長くなります。そのため小さなアイコンではリクエストが減る利点が上回りますが、大きな写真ではかえってページを重くします。数KB以下のアイコンにのみお使いいただくことをおすすめします。
- 変換すると画質は変わりますか？
- 変わりません。このツールはファイルのバイトをそのまま文字列に移すだけで、再圧縮は行いません。キャンバスを経由する方式では再圧縮によって原本と変わり撮影情報も失われますが、ここではそれが起きません。戻せば原本とまったく同じファイルになります。