画像からBase64への変換ツール
ローカル画像を完全なBase64データURLに変換。プレビュー後に変換し、コピーまたはテキスト保存できます。上限64 MiB・2400万ピクセル。
使ってみる
このツールでできること
ローカル画像を完全なBase64データURLに変換。プレビュー後に変換し、コピーまたはテキスト保存できます。上限64 MiB・2400万ピクセル。
使用例
入力
icon.png
結果
data:image/png;base64,iVBORw0KGgo…
結果が生成される仕組み
Base64はバイナリバイトを印刷可能な文字で表現します。これは可逆的なエンコードであり、圧縮や暗号化ではなく、通常、ペイロードが約3分の1大きくなります。
便利なワークフロー
- CSSやHTMLに小さなアイコンを埋め込む
- ポータブルなAPIまたはテストフィクスチャを作成する
- 小さなバイナリアセットをテキストとして検査または転送する
重要な制限
- 大きなBase64文字列は、HTML、CSS、メモリ使用量を増加させます。
- エンコードは画像を隠したり保護したりしません。
- データURLのMIMEタイプは、実際のファイル形式と一致している必要があります。
よくある質問
Base64が画像ファイルより大きいのはなぜですか?
3バイトのバイナリは4文字のBase64文字で表され、さらにデータURLのプレフィックスが追加されます。
すべてのウェブサイトの画像を埋め込むべきですか?
いいえ。外部ファイルは通常キャッシュが効きやすいです。インラインデータは、小さく自己完結型のアセットに最も役立ちます。
画像からBase64への変換ツール
上限は64 MiB(67,108,864バイト)とデコード後24,000,000ピクセルです。読込前にファイルサイズ、Base64文字列生成前に画像寸法を確認します。canvasで再エンコードせず元ファイル全体を符号化するため、メタデータやアニメーションのバイトも残りますが、プレビューはアニメーション再生の検証ではありません。NバイトのBase64本体は4×ceil(N/3)文字で、別途データURLの接頭辞が付きます。省略記号付きの例は不完全です。符号化は安全化や暗号化ではなく、ブラウザのMIME型は実際の形式を保証しません。大きな埋め込み画像は文書とメモリを増やし、文書とは別にキャッシュできません。
data:image/png;base64,... Base64 length = 4 × ceil(N / 3)
処理はブラウザ内でローカルに行われます。