こんにちは、サラ、トロントから来ました。私が初めて React と Web 開発を学び始めたとき、「data:image/png;base64,」で始まるランダムな文字の膨大な文字列に何度も遭遇しました。
上級開発者が説明するまで、それらが何であるかわかりませんでした。では、これから説明していきます。
Base64 とは何ですか?
コンピュータはバイナリ (0 と 1) を使用して通信します。ただし、多くの古いプロトコル (電子メールや基本的な HTTP テキスト プロトコルなど) は、安全な ASCII テキスト文字 (A ～ Z や 0 ～ 9 など) のみを処理するように設計されていました。テキストのみのシステムを介して生の画像ファイル (バイナリ) を送信しようとすると、ファイルが壊れます。
Base64 は単なる変換方法です。生のバイナリ データを取得し、それを 64 個の安全で印刷可能な ASCII 文字に変換します。
いつ使用する必要がありますか?
1. 小さなアイコンの埋め込み: ブラウザーに小さな 2KB の画像をダウンロードさせる代わりに、その画像を Base64 に変換し、CSS または HTML に直接貼り付けることができます。 2. API 認証: Basic Auth ヘッダーでは、「username:password」文字列を Base64 エンコードする必要があります。画像をすばやくエンコードしたり、安全な文字列をデコードしたりする必要があるときは、FreeClientToolbox の Base64 エンコーダ/デコーダ を使用します。高速で、バックエンドを必要とせず、ジョブを即座に完了します。