画像からBase64コンバータへ

Base64 への画像コンバータは、画像ファイルのバイナリ コンテンツを Base64 テキスト文字列に変換します。通常、data:image/png;base64,iVBORw0KG などのデータ URI でラップされます。Base64 は、64 個の印刷可能な ASCII 文字を使用して任意のバイナリ データを表すエンコーディングであるため、結果の文字列は HTML、CSS、JSON、または SVG 内に直接保存できます。このコンバータは逆にも実行されます。Base64 文字列または完全なデータ URI を貼り付け、プレビューとダウンロードのために元の画像を再構築します。

開発者は画像を Base64 として埋め込んで HTTP リクエストを削減し、小さなアイコンやロゴをインライン化してページがペイントした瞬間に表示し、画像とそのマークアップが一緒に移動する自己完結型ファイルを出荷します。データ URI は独自の MIME タイプを搭載しているため、ブラウザは属性を解析した瞬間に data:image/png;base64 を画像としてレンダリングできます。トレードオフはサイズです。Base64 はデータを約 3 分の 1 膨らませるため、大きな写真よりもはるかに小さな資産に適しています。

このツールは、すべての作業をブラウザで行います 画像は、File APIでローカルに読み取られ、手書きのBase64 ルーチンでエンコードされ、サーバーにアップロードされることはなく、プライベートアートワークとスクリーンショットを自分のマシンに保持します 生のBase64 に加えて、すぐに貼り付け可能なデータURI、HTML imgタグ、CSS背景画像宣言に加えて、デコードされたバイトサイズを取得するため、コミットする前にインライン化に価値があるかどうかを判断できます。

1 つの実際的な注意点: データ URI はエンコードするファイルよりもおよそ 3 分の 1 大きく、ブラウザによって個別にキャッシュできないため、小さなアイコン以外のものをインライン化すると、通常、保存するリクエストよりもコストがかかります。