画像 Base64変換ツール

Data URI形式は「data:image/png;base64,[エンコード済み文字列]」です。プレフィックスを含めると、HTMLの<img src="data:image/png;base64,..."/>やCSSのbackground-image: url("data:image/png;base64,...")でそのまま使用できます。プレフィックスなしの場合は生のBase64が得られ、APIペイロードやプレフィックスを自動付加するコードに適しています。

Base64エンコードはサイズを約33%増加させます。3バイトのバイナリデータが4文字のASCIIになるためです。100 KBの画像は約133 KBのBase64テキストになります。この増加は、画像をプレーンテキストとして埋め込むためのトレードオフです。

アイコン・ロゴ・シンプルなグラフィックなど小さな画像（5〜10 KB未満）に最適です。メリットとして、HTTPリクエストが1回削減され、サーバーが停止しても画像を常に利用でき、外部画像がブロックされるHTMLメールに理想的です。大きな写真にはお勧めしません。サイズの増加とキャッシュの喪失により、通常のファイルURLの方が高速です。

Data URIプレフィックスのトグルを有効にしてから結果をコピーしてください。imgタグの場合：<img src="[ここに貼り付け]" alt="..."/>。CSSの場合：background-image: url("[ここに貼り付け]")。Data URIはサーバーや外部ファイルなしに、すべての最新ブラウザで動作します。

はい。Data URIプレフィックスをオフにして生のBase64を取得し、JSONの文字列フィールドとして含めてください。受け取るAPIがBase64文字列からバイナリ画像を再構築します。マルチパートファイルアップロードなしに画像を受け付けるAPIでよく使われる方法です。

最大10MBです。10MB入力時のBase64出力は約13.3MBになります。非常に大きなBase64文字列はコピー操作を遅くしたり、ブラウザのクリップボード制限に達する場合があります。数百KBを超える画像には通常のファイルホスティングの方が実用的です。

いいえ。画像はブラウザのFileReader APIを使ってローカルで読み込まれ、JavaScriptにより完全にあなたのデバイス上でエンコードされます。画像データはブラウザの外に出ることがないため、プライベートまたは機密性の高い画像でも安全に使用できます。