目次

上記のように、イメージコンバータに Base64 と Base64 コンバータにイメージを選択する 2 つのオプションがあります。Base64 から 画像 への変換は、任意の Base64 文字列をイメージ形式に変換します。イメージから Base64 への変換は、イメージを Base64 文字列に変換します。ご希望に応じてオプションをクリックしてください。

Base64から画像への変換ツールの使用方法

Base64から画像への変換ツールは、Base64でエンコードされた文字列を画像に変換するのに役立ちます。ダウンロードボタンをクリックすると、その画像をダウンロードできます。 Base64でエンコードされた文字列を入力ボックスに貼り付けるだけで、自動的に画像に変換され、プレビューが画面に表示されます。 Base64でエンコードされた文字列を含む任意のテキストファイルを選択することもできます。 Base64でエンコードされた文字列をコピーして入力ボックスをクリアするオプションもあります。

Base64コンバータツールに画像を使用する方法

画像からBase64への変換ツールは、画像をBase64でエンコードされた文字列、html画像タグコード、CSS背景画像コードに変換するのに役立ちます。上記の長方形のボックスに画像をドラッグアンドドロップするか、画像をクリックして画像ファイルを選択します。

処理が完了するとすぐに、3つの入力ボックスが表示されます。最初の入力ボックスには、Base64でエンコードされた文字列が含まれます。 2番目の入力ボックスには、HTML画像タグコードが含まれています。このコードをコピーして、HTMLファイルに直接貼り付けることができます。 3番目のボックスには、背景画像プロパティを持つCSSコードが含まれます。コピーしてCSSファイルに直接貼り付けることができます。また、各入力ボックスの上にダウンロードオプションがあり、テキストファイル形式でそれぞれのデータをダウンロードするのに役立ちます。このツールは、一般的に使用されるほとんどすべての画像形式をサポートしています。

Base64 文字列をイメージに変換する理由

データURIで使用されるBase64文字列のサイズは、元のファイルより33％大きくなっています。大きなデータはWebのパフォーマンスに影響を与える可能性があります。そのエンコードされたデータを画像に変換してファイルとして使用すると、Webアプリケーションのパフォーマンスが向上する場合があります。 Base64を画像に変換するもう1つの理由は、ハードディスクに保存でき、サードパーティの画像表示および編集ツールで表示または編集できるファイルがあることです。

Base64エンコーディングとは

Base64は、バイナリデータのテキストエンコーディングです。エンコードされたテキストには、数字、文字、および+、/、=などの記号しかありません。これは、テキストデータに特に使用されるメディアを介してバイナリデータを保存または送信するための最も便利な方法の1つとして知られています。また、メールやHTMLフォームデータなどで簡単に送信できます。テキストからBase64への変換プロセスでは、3バイトのデータあたり4文字が必要であり、最後に少しパディングが必要になる場合があります。等号（=）はパディングに使用されます。エンコードされた文字列は、URLセーフなバリアントであるため、URLのクエリパラメータに値として渡すこともできます。

Base64 エンコーディングを使用する理由

ネットワークを介して送信したいバイナリデータがある場合、一部のメディアコンテンツはテキストのストリーミング用に作成されているため、通常、ビットとバイトを生の形式でネットワーク経由でストリーミングするだけでは送信しません。ビットまたはバイトの形式で送信する場合、一部のプロトコルはこのバイナリデータを制御文字（モデムなど）として解釈する場合があります。基礎となるプロトコルは、このデータに特殊文字の組み合わせが含まれていると想定する可能性があるため、このようなバイナリデータは破損する可能性があります。たとえば、FTPは行末を変換します。この問題を回避するために、このようなバイナリデータを文字にエンコードします。 Base64は、これらのタイプのエンコーディングの1つです。

Base64 でエンコードされた文字列には、エンコードされたデータを表す 64 個の ASCII 文字が含まれます。これらの64文字は、任意の長さの任意のデータをエンコードするのに十分です。 base64エンコーディングの唯一の欠点は、エンコードされた文字列のサイズが元の文字列と比較して33％大きくなることです。すべてのbase64文字は多くの文字セットに存在し、これにより、送信されたデータが破損することなく確実にもう一方の端に到達します。 Base64文字は4つのグループにグループ化できます:

• 大文字のアルファベット（インデックス0〜25）： ABCDEFGHIJKLMNOPQRSTUVWXYZ
• 小文字のアルファベット（インデックス26-51）： abcdefghijklmnopqrstuvwxyz
• 数字（インデックス52-61）： 0123456789
• 記号 (インデックス 62-63): +/

base64でエンコードされた文字列の文字では、大文字と小文字が区別されます。これは、たとえば、ab ==、Ab ==、aB ==、AB ==などのbase64でエンコードされた文字列をデコードしようとした場合を意味します。 4 つの異なる結果が得られます。等号（=）はインデックスの一部ではなく、エンコードプロセスにも関与しません。これはパディングにのみ使用され、パディング文字とも呼ばれます。これにより、base64でエンコードされた文字列が4バイトの倍数になることが保証されます。そのため、エンコードされた文字列の最後に常に追加されます。理解を深めるために、以下のbase64文字のインデックステーブルをご覧ください。

Base64はどこで使用されますか

Base64はさまざまなコンテキストで使用されます。それらのいくつかを以下に示します。

• Base64を使用してテキストデータを送信および保存し、あらゆる種類の区切り文字の衝突を回避できます。
• バイナリデータは、Base64を使用してXMLファイルに埋め込まれます。
• Base64は、外部ファイルへの依存を回避するために、画像などのバイナリファイルをエンコードするために使用されます。
• データURIスキームも、Base64を使用して画像ファイルを表します。そのため、HTMLドキュメントの画像ソースは、外部ファイルまたはデータURIへのパスにすることができます。
• Base64は、シンプルで使いやすいため、暗号化キー管理のオーバーヘッドなしに秘密を隠すために一般的に使用されます。
• スパマーは、エンコードされたメッセージ内のキーワードを検出できないため、基本的なスパム対策ツールを回避するためにBase64エンコードも使用します。
• LDIFファイルでは、Base64を使用して文字列をエンコードします。

データURLまたはデータURIとは

データURLまたはURIは、データユニフォームリソースロケーターまたはユニフォームリソース識別子を表します。これは、HTMLドキュメントのデータをインライン化するメカニズムを提供する単なるスキームです。データURIには、ファイルを表すbase64でエンコードされた文字列が含まれています。

ファイルにはさまざまな種類がありますが、最も一般的には画像ファイルです。 base64でエンコードされた文字列形式の画像データがあるということは、Web上に画像を表示するために、画像の場所を指定する必要がないことを意味します。そのエンコードされた文字列をソース属性の値として直接使用して、画像を表示できます。ブラウザがデータURIを検出すると、ファイルをデコードして元のファイルを作成できます。データURIスキームには、MIMEタイプやbase64でエンコードされた文字列などのファイルに関する情報が含まれています。以下のコードをご覧ください。

data:[<MIME-type>][;charset=<encoding>][;base64],<data>

ファイルサイズに応じて、base64でエンコードされた文字列の長さは異なります。 HTMLファイルだけでなくCSSファイルでもデータURIを使用できます。

データURLまたはデータURIを使用する利点

ファイルパスの代わりにデータURIを使用する主な利点は、発信httpリクエストの数を減らすことです。同じファイルを何度も要求するサーバーへのhttp要求が多すぎると、サーバーの負荷が増加する可能性があります。 HTMLに直接埋め込むと、ファイルはエンコードされた形式のHTMLドキュメントに既に存在するため、送信リクエストは発生しません。ブラウザはそれをデコードして表示するだけです。上記のように、データURIのbase64文字列のサイズは、実際のファイルサイズより33％大きくなります。これはパフォーマンスの最適化に関するものであり、ファイルをロードする方法の選択に厳密に依存します。

データURIはブラウザによってキャッシュされないため、ユーザーがWebページにアクセスするたびに、ブラウザはHTML全体をダウンロードし、埋め込まれたデータをデコードする必要があります。 HTMLでデータURIを使いすぎると、Webサイトのパフォーマンスが大幅に低下する可能性があります。その使用量をできるだけ低く保つ必要があります。高速ワイヤレス接続のため、デスクトップまたはラップトップのパフォーマンスに大きな違いは見られない場合があります。しかし、インターネットの速度が遅いモバイルデバイスの場合、それは重大な害を及ぼします。ウェブサイトのモバイルデバイスへの読み込みに時間がかかりすぎると、間違いなく収益が失われ、ユーザーエンゲージメントがほとんどまたはまったくなくなります。

データURIブラウザのサポート

データURIは、最新のすべてのブラウザーでサポートされています。 IE5やIE7などの古いブラウザはサポートしていないため、これらのブラウザのサポートが必要な場合、またはオンラインで別の解決策を探すことができる場合は、使用を避けてください。以下のサポートされているブラウザのリストをご覧ください。

• Firefoxバージョン2+
• Operaバージョン7.2以降（データURIの長さは4100文字を超えてはなりません）
• Chrome（すべてのバージョンがサポートされています）
• Safari（すべてのバージョンがサポートされています）
• Internet Explorer 8+ (データ URI のサイズは 32kb 未満である必要があります)