画像から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 膨らませるため、大きな写真よりもはるかに小さな資産に適しています。

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

Base64 から画像へのコンバータ方向は既知の文字列で簡単に確認できます。 iVBORw0KGgo (1 x1 ピクセル1 個) を起動する96 文字のPNG文字列をBase64 to Imageに貼り付け、Decode to imageを押します。 decoded.png、70 バイトのファイルを保存するプレビューとダウンロード画像ボタンが得られます。そのファイルをImage to Base64 に戻すと、プレビュー行でimage/png ・ 70 B decoded ・ 96 Base64 charsを読み取ります。 Base64 を他の形式の画像ファイルに変換するには、適切なタイプが保持されるように完全なデータ URI を貼り付けます。

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