画像⇔Base64変換
画像ファイルをBase64のData URIに変換します。HTMLやCSSに直接埋め込むコードを ワンクリックでコピーでき、逆にBase64文字列から画像を復元して保存することもできます。
画像 → Base64
Base64 → 画像
こんなときに便利
- ・小さなアイコンやロゴをHTML・CSSに直接埋め込んで、リクエスト数を減らしたいとき
- ・メールの署名やMarkdown、JSONの中に画像をデータとして含めたいとき
- ・APIのレスポンスやログに入っていたBase64文字列が、どんな画像か確認したいとき
よくある質問
Q. Base64にするとファイルサイズはどうなりますか？
A. 元のバイナリより約33%大きくなります。またBase64で埋め込んだ画像はブラウザにキャッシュされにくいため、大きな画像の埋め込みには向きません。目安として数十KBまでの小さな画像（アイコン・ロゴなど）への利用がおすすめです。
Q. 「Data URI」と「Base64部分のみ」の違いは？
A. Data URIは「data:image/png;base64,」という形式情報の付いた完全な文字列で、HTMLのsrcやCSSのurl()にそのまま使えます。Base64部分のみは中身のデータだけで、APIに渡す場合などプログラム側で形式を指定するときに使います。
Q. Base64から画像に戻すとき、形式の指定は必要ですか？
A. 不要です。「data:」から始まるData URIはそのまま、裸のBase64文字列の場合は先頭のデータからJPG・PNG・GIF・WebP・SVGを自動判定してプレビューと保存を行います。