任意の画像をBase64データURIにエンコード、またはデータURIを貼り付けて画像にデコードします。結果をコピーするか、CSSのurl()スニペットを取得します。何も端末を離れません。
画像Base64変換ツールは画像ファイルを読み込み、別のファイルリクエストなしにHTML、CSS、JSONに直接埋め込めるBase64データURIとしてエンコードします。変換にはブラウザのFileReader APIを使用し、画像のバイトはサーバーに送信されません。Base64文字列を貼り付けて画像にデコードしてプレビューすることもでき、すべてローカルで完結します。
Base64データURIは、3バイトのグループが4つのASCII文字に展開されるため、バイナリの元より約33%大きくなります。このサイズの増加は、ドキュメントやスタイルシートに画像をインライン化する利便性のための予想されるトレードオフです。ツールは生のBase64文字列と、すぐにプロジェクトにコピペできるHTML imgタグのスニペットおよびCSSのbackground-imageスニペットの両方を表示します。
Base64エンコーディングは3つのバイナリバイトを4つのASCII文字として表します（4/3の比率）。100KBのバイナリ画像はBase64文字列では約133KBになります。これはエンコーディング方式に固有のものであり、ツールの制限ではありません。
いいえ。FileReader APIはローカルディスクからバイナリファイルを読み込み、ブラウザタブ内のJavaScriptエンコーディング関数に直接渡します。画像データはデバイスの外に出ることはありません。
はい。data:image/jpeg;base64,から始まりエンコードされた文字列が続くデータURIは、imgタグのsrc属性として、またはCSSのbackground-imageプロパティのurl()値として使用できます。すべての最新ブラウザはデータURIをサポートしています。非常に大きなデータURIはページのレンダリングを遅くする可能性があるため、インライン化は通常数キロバイト以下の小さな画像に限定されます。
ツールは提供されたファイルのバイナリコンテンツ全体をエンコードします（アニメーションGIFを含む）。結果のデータURIをimgタグのsrcとして使用すると、GIFアニメーションをサポートするブラウザでアニメーションが再生されます。
ツールをデコードモードに切り替え、Base64文字列（data:プレフィックスの有無を問わず）を貼り付けると、ツールはそれをデコードしてバイナリ画像をダウンロードとして提供するとともに、プレビューも表示します。