--- title: "XMLファイルに画像を埋め込む方法" date: "2020-01-15" categories: - "development" - "json" - "xml" tags: - "json" - "json-editor" - "xml" - "xml-editor" - "xmlspy" description: XMLSpyを使用して、XMLおよびJSONドキュメントに画像を埋め込む方法を学びましょう。このガイドでは、外部ファイルをデータ構造の一部として組み込むための手順を説明します。 --- Status: #blog Tags: #json #json-editor #xml #xml-editor #xmlspy Categories: [development](/blog/ja/category/development.md) | [json](/blog/ja/category/json.md) | [xml](/blog/ja/category/xml.md) # XMLファイルに画像を埋め込む方法 数年前、お客様からのご要望に基づいて、XMLSpyに導入された非常に便利な機能の一つに、外部ファイル（例えば画像）を、エンコードされたテキストとしてXMLドキュメント内に直接埋め込むことができる機能があります。これにより、様々な外部ファイルに含まれる必要なデータをすべて、1つの大きなXMLドキュメントにまとめて格納することが可能になります。この機能は、JSONドキュメントに画像を含める場合にも利用できます。  XMLとを使用して、これを実現するがいかに容易であるかを見てみましょう [JSONエディタ](https://www.altova.com/ja/xmlspy-xml-editor/json_editor) わずか数ステップで。 ![画像埋め込み用写真](/blog/images/shutterstock_22183099.jpg) ### XMLまたはJSONに画像を埋め込む  まず、「挿入 / 外部ファイル（エンコード済）」というコマンドをクリックしてください。このコマンドは、XMLドキュメントの場合はテキスト表示とグリッド表示、JSONファイルの場合はテキスト表示で使用できます。 ![エンコードされたファイルを挿入する](https://www.altova.com/blog/images/EmbeddingImagesinXML_973B/insertencodedfile_thumb.gif) 埋め込むファイルを選択するには、ファイルブラウザを使用してください。その後、Base 16 または Base 64 のエンコード方式を選択します。 エンコードされたテキストを特定の要素で囲みたい場合は、「要素を作成」のチェックボックスにチェックを入れ、使用する要素の名前を指定してください。 この例では、という新しいXML要素を作成しています。もし「要素を作成する」というチェックボックスが選択されていない場合、エンコードされたテキストはカーソルの位置に直接挿入されます。 ![エンコードされた画像](https://www.altova.com/blog/images/EmbeddingImagesinXML_973B/encodedimage_thumb.gif) 「OK」をクリックすると、指定した画像ファイルのエンコードされたテキストが、要素内に挿入され、それがXMLドキュメントの一部となります。 ![画像データ (Base64エンコード形式)](https://www.altova.com/blog/images/EmbeddingImagesinXML_973B/imagebase64_thumb.gif) 以下に、強力な機能を持つシステムにおけるJSONドキュメントの例を示します [JSON グリッド エディタ](https://www.altova.com/ja/xmlspy-xml-editor/json_editor). ファイル内に埋め込まれた画像が表示されます。  ![JSONファイルに画像を埋め込む方法 ](/blog/images/dayattheraces.png) それだけで終わりです！XMLSpyの無料試用版を[ダウンロードして](https://www.altova.com/ja/xmlspy-xml-editor/download)、ぜひお試しください。