これは、Windows 11/10イメージマップを作成する方法(how to create an image map)の完全なガイドです。画像マップは基本的に、ユーザーを特定のURL(URL)にリダイレクトする複数のクリック可能な領域を含む画像です。たとえば、世界の画像には、各国の情報にリンクしている国の地域が含まれます。組織図やウェブサイトメニューなどの画像マップを作成することもできます。
さて、複数のクリック可能な領域を持つ画像を作成したい場合、それを行うにはどうすればよいですか?あなたが同じことを疑問に思っているなら、この記事はあなたの停止です。Windows 11/10でイメージマップを作成するための複数の方法について説明します。ここで、方法について詳しく説明しましょう。
画像マップを作成するにはどうすればよいですか?
Windows 11/10 PCで画像マップを作成できます。画像マップ生成ツールを提供する、無料の画像エディタを使用できます。GIMPではそうすることができます。それとは別に、LibreOfficeWriterを使用してイメージマップを生成することもできます。さらに、クリック可能な領域で画像マップを作成できるオンラインツールだけでなく、多くの無料ソフトウェアがあります。
クリック可能な画像を作成するにはどうすればよいですか?
クリック可能な画像を作成するには、図形ツールを使用して領域を作成してから、URL、ALTテキスト、タイトルなどの属性を追加します。画像マップを生成するための複数の方法と正確な手順について説明しました。あなたはそれらをチェックすることができます。
URLを画像に埋め込むにはどうすればよいですか?
ここで説明する方法を使用して、 URLを画像に埋め込むことができます。たとえば、GIMPは、 (GIMP)URLを画像に埋め込み、それをいくつかのクリック可能な領域を持つ画像マップに変換できる画像マップ作成ツールを提供します。以下の手順全体を確認できます。
(Create Image Maps)無料の画像マップジェネレータ(Image Map Generator)ソフトウェアを使用して画像マップを作成する
Windows11/10PCでイメージマップを生成する方法は次のとおりです。
- (Create)Windows 11/10GIMPを使用してイメージマップを作成します。
- LibreOffice(Use LibreOffice)を使用してイメージマップを作成します。
- (Create)X-Mapなどの専用の無料ソフトウェアを使用して画像マップを作成します。
- (Generate)オンラインツールを使用して画像マップを生成します。
上記の方法について詳しく説明しましょう。
1] Windows 11/10GIMPを使用してイメージマップを作成します(Create)
GIMPを使用して、 Windows 11/10でイメージマップを生成できます。GIMPは、画像マップを作成するための追加ツールを提供する無料のオープンソースのベクトル画像編集プログラムです。画像をインポートし、その中に複数の領域を選択して作成し、それらにハイパーリンクを追加してから、マップを保存できます。GIMPで画像マップを作成する手順について説明しましょう。
GIMPで画像マップを生成する方法
GIMPで画像マップを作成する主な手順は次のとおりです。
- GIMPをダウンロードしてインストールします。
- ソフトウェアを起動します。
- 画像マップに変換する画像をインポートします。
- Filters > Web > Image Map]オプションに移動します。
- マップ上の地域を選択します。
- リージョンのプロパティを編集します。
- (Repeat)手順(5)と(6)を繰り返して、画像上に複数の領域を作成します。
- マップを保存します。
上記の手順について詳しく説明しましょう。
まず、PCにGIMP(GIMP)がインストールされていない場合は、 GIMPをダウンロードしてシステムにインストールします。次に、このソフトウェアのGUIを起動します。(GUI)
次に、ソースイメージを開き、[フィルター(Filters)]メニューに移動します。このメニューから、[ Web > Image Map]オプションをクリックします。
これにより、画像マップエディタウィンドウが開きます。
次に、画像マップエディタダイアログで、長方形、円、多角形から形状を選択し、画像マップで選択します。
参照:(See:) GIMPを使用して写真から背景を削除する方法(How to Remove the Background from a Photo using GIMP)
その後、専用の[エリア設定(Area Settings)]ダイアログからリージョンのプロパティを編集する必要があります。リンクタイプ(Link Type)、URL、ALTテキスト(ALT Text)、ターゲットフレーム名(Target Frame Name)などの地域情報を追加できます。また、マウスオーバー、onFocus、onBlurなどのイベントのスクリプトを記述できるJavaScriptタブもあります。(JavaScript)
上記の手順を繰り返して、画像マップ上に複数の領域を作成します。
同じウィンドウで、それぞれのプロパティを持つすべての領域を表示できます。
リージョンの追加とリンクが完了したら、[ファイル]メニューに移動し、同じウィンドウで[名前を付けて(File)保存(Save As)]オプションを押します。画像マップを.map形式で保存できるようになります。
したがって、これは、Windows 11/10GIMPを使用してイメージマップを生成する方法です。
読む:(Read:) Windows10でGIMPを使用して画像のサイズをバッチ変更する方法(How to Batch Resize Images with GIMP in Windows 10)
2] LibreOfficeを使用して(Use LibreOffice)Windows 11/10でイメージマップを作成します
LibreOfficeと呼ばれる無料のオープンソースオフィススイートを試して、画像マップを生成することもできます。これは、ドキュメントプロセッサ、スプレッドシートメーカー、プレゼンテーションデザイナーなど、さまざまな生産性アプリケーションを備えた優れたフリーソフトウェアです。画像マップを作成するには、 LibreOfficeWriter(LibreOffice Writer)と呼ばれるワードプロセッサアプリケーションを使用できます。方法を確認しましょう。
Windows 11/10でLibreOfficeWriterを使用してイメージマップを生成する方法
Windows 11/10でLibreOfficeWriterを使用してイメージマップを作成する主な手順は次のとおりです。
- LibreOfficeをダウンロードしてインストールします。
- LibreOfficeWriterアプリケーションを起動します。
- 既存のドキュメントをインポート(Import)するか、新しいドキュメントを作成します。
- ドキュメントに画像を挿入します。
- 画像を選択し、[Edit > Image Map]オプションに移動します。
- (Create)それぞれのWebアドレスで複数のリージョンを作成します。
- 画像マップを保存します。
上記の手順について詳しく説明します。
まず、Windows11/10PCにLibreOfficeソフトウェアをダウンロードしてインストールします。(LibreOffice)次に、LibreOfficeWriterアプリケーションを起動します。ポータブルバージョンをダウンロードして、インストールせずにアプリケーションを直接使用することもできます。
これで、ソースイメージファイルを含む既存のドキュメントファイルをインポートするか、新しいドキュメントを作成してから入力イメージファイルを挿入できます。
次に、画像ファイルを選択し、[編集(Edit)]メニューに移動して、[画像マップ(Image Map)]オプションをクリックします。これにより、専用のImageMapEditor(ImageMap Editor)ダイアログウィンドウが開きます。
ImageMap Editorで、領域を作成するために目的の形状を選択します。画像上に長方形、円形、ポリゴン、またはフリーフォームのポリゴン領域を作成できます。その後、Webアドレスとテキストを追加し、フレームタイプを選択してクリック可能な領域を作成します。
上記の手順を繰り返して、画像マップ上にいくつかのクリック可能な領域を作成できます。
画像マップの作成が完了したら、保存ボタンをクリックしてさまざまな形式でエクスポートできます。
MAP – CERN、MAP – NCSA、SIP –StarViewImageMapなどのさまざまな画像マップ形式をサポートしています。
Windows 11/10LibreOfficeを使用して複数のイメージマップを作成します。
読む:(Read:) LibreOfficeでPDfドキュメントをパスワードで保護して保護する方法(How to password-protect and secure PDf documents with LibreOffice)
3] X-Mapなどの専用の無料ソフトウェアを使用して画像マップを作成します(Create)
Windows 11/10専用のフリーウェアを使用してイメージマップを生成することもできます。Windows 11/10で利用できる無料の画像マップジェネレータがいくつかあります。Windows 11/10でイメージマップを作成できる2つの無料ソフトウェアをリストアップします。これらはソフトウェアです:
- Xマップ
- JImageMapper
上記のソフトウェアについて詳しく説明しましょう。
1]Xマップ
Windows 11/10でイメージマップを作成するために特別に設計された優れたソフトウェアです。さまざまな形式の画像をインポートして、複数のクリック可能な領域を追加できます。画像マップを作成および編集すると、画像マップのHTMLコードがリアルタイムで表示されます。それを使用して画像マップを生成する手順を見てみましょう。
X-Mapと呼ばれるこの無料ソフトウェアを使用して画像マップを作成する方法
以下の手順に従って、Windows 11/10でX-Mapを使用してイメージマップを簡単に生成できます。
- X-Mapをダウンロードします。
- このポータブルアプリケーションを起動します。
- 画像を読み込みます。
- 形状を選択し、画像上に領域を作成します。
- (Edit)クリック可能な領域のプロパティを編集します。
- 手順(4)と(5)を繰り返し(Repeat)て、複数のクリック可能な領域を作成します。
- マップファイルを保存します。
まず、公式Webサイト(official website)からX-Mapソフトウェアをダウンロードします。次に、ダウンロードしたフォルダを解凍し、そのメインアプリケーションファイルを起動します。
次に、[画像の読み込み(Load Image)]ボタンをクリックして、画像マップに変換するソース画像を開きます。
次に、長方形、円、多角形からシェイプツールを選択し、画像マップ上に領域を作成します。その後、Webアドレス、ターゲット、ALTテキスト、タイトル(web address, target, ALT text, title,)などの情報を追加して、地域をクリック可能にすることができます。
同様に、画像上に複数のクリック可能な領域を作成できます。
最後に、File > Save Map]オプションに移動して、画像マップを保存できます。イメージマップをマップ(Map)およびRTFマップファイルに保存できます。
参照:(See:) MicrosoftPowerPointでマインドマップを作成する方法(How to create a Mind Map in Microsoft PowerPoint)
2] JImageMapper
JImageMapperは、 (JImageMapper)Windows 11/10でイメージマップを作成するためのJavaベースのソフトウェアです。シンプルで軽量な画像マップジェネレータソフトウェアです。この無料のポータブルソフトウェアを使用して画像マップを生成する正確な手順は次のとおりです。
- まず、JImageMapperソフトウェアをダウンロードします。
- 次に、このアプリケーションを起動します。
- 次に、[画像(Image)を開く]オプションをクリックして、ソース画像をインポートします。
- 次に、シェイプツールを選択して、画像上に領域を作成します。
- その後、ハイパーリンク、ALTテキスト、タイトル、onMouseOver、onClickなどの属性を入力します。
- 手順(4)と(5)を繰り返して、複数のクリック可能な領域を作成できます。
- 最後に、[ HTMLの生成(Generate HTML)]ボタンをクリックし、画像マップコードをコピーして、要件に従って使用します。
参照:(See:) Mindmappは、Windows用の無料のマインドマッピングソフトウェアです。(Mindmapp is a free mind mapping software for Windows.)
4]オンラインツールを使用して画像マップを生成する(Generate)
無料のオンラインツールを使用して画像マップを生成することもできます。画像マップを作成できる無料のオンラインサービスがいくつかあります。より良いもののいくつかは次のとおりです。
- Image-Map.net
- imagemap.org
1] Image-Map.net
Image-Map.netは、画像マップを生成できる専用の無料オンラインツールです。非常に使いやすく、それを使用して画像上に複数のクリック可能な領域を作成できます。それはあなたがあなたのウェブサイトに埋め込むことができるあなたの画像マップのためのHTMLコードを生成します。(HTML)画像マップを作成する手順を見てみましょう。
Image-Map.netを使用してオンラインで画像マップを生成する方法
オンラインで画像マップを作成するための基本的な手順は次のとおりです。
- まず、Webブラウザーを開き、Image-Map.netにアクセスします。
- 次に、PCから画像を選択するか、Webサイトから画像をロードします。
- 次に、形状を選択し、画像上に領域を作成します。
- 次に、作成したクリック可能な領域のリンク、タイトル、およびターゲットを追加します。
- その後、 [新しい領域の追加(Add New Area)]ボタンを押してから、手順(3)と(4)を繰り返して、クリック可能な領域をいくつか作成します。
- Show Me The Code!をクリックしてください。ボタンをクリックして、作成した画像マップのHTMLコードを表示します。
必要に応じて、生成された画像マップのHTMLコードを使用します。
2] imagemap.org
あなたが試すことができるもう一つのウェブサイトは、画像マップを作成するためのimagemap.orgです。この無料のオンラインツールは、画像マップをオンラインで作成するために特別に設計されています。このWebサービスを使用する主な手順は次のとおりです。
- まず、Webブラウザーを起動し、imagemap.orgWebサイトを開きます。
- 次に、入力画像を選択して画像マップに変換します。
- 次に、シェイプツールを使用してリージョンを作成し、Webアドレスとタイトルを追加します。
- 手順(3)を繰り返して、複数のクリック可能な領域を作成します。
- 画像マップのHTML(HTML)コードが表示され、それに応じてコピーして使用できます。
読む:(Read:) Freeplaneは、Windows用のフリーマインドマッピングソフトウェアです。(Freeplane is a free mind mapping software for Windows.)
それでおしまい!
Create Image Maps using free Image Map Generator software for PC
Here iѕ a full guide оn how to create an image map in Windows 11/10. An image map is basically an image that contains multiple clickable regions redirecting users to a specific URL. For example, an image for the world will have countries’ regions linking to information of each country. You can also create image maps for an organizational chart, website menu, etc.
Now, if you want to create an image with several clickable areas, how to do that? If you are wondering the same, this article is your stop. Here, we are going to discuss multiple methods using which you can make image maps in Windows 11/10. Let us discuss the methods in detail now!
How do I create an image map?
You can create an image map on Windows 11/10 PC, you can use a free image editor that provides an image map generate tool. GIMP lets you do so. Apart from that, you can also use LibreOffice Writer to generate image maps. Additionally, there are plenty of free software as well as online tools that enable you to make image maps with clickable regions.
How do I make a clickable image?
To make a clickable image, you can create regions using a shape tool and then add attributes like URL, ALT text, title, and more. We have discussed multiple methods and exact steps to generate an image map. You can check them out.
How do I embed a URL into an image?
You can embed a URL into an image using the discussed methods here. For example, GIMP provides an image map creator tool that allows you to embed a URL into an image and convert it to an image map with several clickable areas. You can check out the entire procedure below.
Create Image Maps using free Image Map Generator software
Here are the methods to generate an image map on your Windows 11/10 PC:
- Create an image map using GIMP in Windows 11/10.
- Use LibreOffice to create an image map.
- Create an image map using a dedicated free software like X-Map.
- Generate image maps using online tools.
Let us discuss the above methods in detail now!
1] Create an image map using GIMP in Windows 11/10
You can use GIMP to generate an image map in Windows 11/10. GIMP is a free and open-source vector image editing program that provides an additional tool to create an image map. You can import an image, select and create multiple regions in it, add hyperlinks to them, and then save the map. Let us discuss the steps to create an image map in GIMP.
How to generate an image map in GIMP
Here are the main steps to make an image map in GIMP:
- Download and install GIMP.
- Start the software.
- Import an image that you want to convert to an image map.
- Go to the Filters > Web > Image Map option.
- Select a region on the map.
- Edit region properties.
- Repeat steps (5) and (6) to create multiple regions on the image.
- Save the map.
Let us discuss the above steps in detail now!
Firstly, if you don’t have GIMP installed on your PC, download and install it on your system. Then, launch the GUI of this software.
Next, open the source image and then go to the Filters menu. From this menu, click on the Web > Image Map option.
This will open up an image map editor window.
Now, in the image map editor dialog, select a shape from rectangle, circle, and polygon and then make a selection on the image map.
See: How to Remove the Background from a Photo using GIMP
After that, you need to edit region properties from the dedicated Area Settings dialog. You can add region information including Link Type, URL, ALT Text, Target Frame Name, etc. It also provides a JavaScript tab where you can write a script for events like mouseover, onFocus, onBlur, etc.
Repeat the above steps to create multiple regions on the image map.
You can view all the regions with respective properties in the same window.
When you are done adding regions and linking them, go to the File menu and press the Save As option in the same window. You will be able to save the image map in the .map format.
So, this is how you can generate an image map using GIMP in Windows 11/10.
Read: How to Batch Resize Images with GIMP in Windows 10
2] Use LibreOffice to create an image map in Windows 11/10
You can also try the free and open-source office suite called LibreOffice to generate an image map. It is great free software with various productivity applications including document processor, spreadsheet maker, presentation designer, and more. To create an image map, you can use its word processor application called LibreOffice Writer. Let us check out how.
How to generate an image map using LibreOffice Writer in Windows 11/10
Here are the main steps to create image maps using LibreOffice Writer in Windows 11/10:
- Download and install LibreOffice.
- Launch its LibreOffice Writer application.
- Import an existing document or create a new document.
- Insert an image into the document.
- Select the image and go to the Edit > Image Map option.
- Create multiple regions with respective web addresses.
- Save the image map.
Let us now elaborate on the above steps in detail!
Firstly, download and install LibreOffice software on your Windows 11/10 PC. And then, start its LibreOffice Writer application. You can also download its portable version and then directly use its applications without installation.
Now, you can import an existing document file that contains the source image file or create a new document and then insert the input image file.
Next, select the image file and then go to the Edit menu and click on the Image Map option. This will open up a dedicated ImageMap Editor dialog window.
In the ImageMap Editor, choose the desired shape to make a region. You can create a rectangular, circular, polygon, or freeform polygon region on the image. After that, add the web address and text, and select frame type to make a clickable region.
You can repeat the above steps to make several clickable regions on the image map.
After you finish up creating an image map, you can click on the save button and export it in various formats.
It supports various image map formats including MAP – CERN, MAP – NCSA, and SIP – StarView ImageMap.
This way you create several image maps using LibreOffice on Windows 11/10 PC.
Read: How to password-protect and secure PDf documents with LibreOffice
3] Create an image map using a dedicated free software like X-Map
You can also generate image maps using dedicated freeware for Windows 11/10. There are some free image map generators available for Windows 11/10. Here, we are going to list down two free software that enables you to create images maps in Windows 11/10. These are the software:
- X-Map
- JImageMapper
Let us discuss the above software in detail now!
1] X-Map
X-Map is a good software specially designed to create image maps in Windows 11/10. It lets you import images of different formats and then add multiple clickable regions to them. The HTML code for your image map is displayed in real-time as you create and edit the image map. Let us now have a look at the steps to generate an image map using it.
How to create an image map using this free software called X-Map
You can follow the below steps to easily generate an image map using X-Map in Windows 11/10:
- Download X-Map.
- Launch this portable application.
- Load an image.
- Select a shape and create a region on the image.
- Edit the properties of the clickable region.
- Repeat steps (4) and (5) to make multiple clickable regions.
- Save the map file.
Firstly, download X-Map software from its official website. Then, unzip the downloaded folder and launch its main application file.
Now, click on the Load Image button to open the source image that you want to convert into an image map.
Next, choose a shape tool from rectangle, circle, and polygon and then create a region on the image map. After that, you can make the region clickable by adding the web address, target, ALT text, title, and more information.
Similarly, you can create multiple clickable regions on the image.
Finally, you can save the image map by going to the File > Save Map option. It lets you save the image map in Map and RTF map files.
See: How to create a Mind Map in Microsoft PowerPoint
2] JImageMapper
JImageMapper is a Java-based software to create image maps in Windows 11/10. It is a simple and lightweight image map generator software. Here are the exact steps to generate image maps using this free portable software:
- Firstly, download the JImageMapper software.
- Now, launch this application.
- Next, click on the Open Image option to import the source image.
- Then, select a shape tool and then make a region on the image.
- After that, enter its attributes including a hyperlink, ALT text, title, onMouseOver, onClick, etc.
- You can repeat steps (4) and (5) to create multiple clickable regions.
- Finally, click on the Generate HTML button and copy the image map code to use it as per your requirement.
See: Mindmapp is a free mind mapping software for Windows.
4] Generate image maps using online tools
You can also generate image maps using a free online tool. There are several free online services that allow you to create image maps. Some of the better ones are:
- Image-Map.net
- imagemap.org
1] Image-Map.net
Image-Map.net is a dedicated free online tool that enables you to generate image maps. It is very easy to use and you can create multiple clickable regions on images using it. It generates HTML code for your image map that you can embed into your website. Let us have a look at the procedure to make image maps.
How to generate image maps online using Image-Map.net
These are the basic steps to create image maps online:
- Firstly, open a web browser and go to Image-Map.net.
- Now, select an image from your PC or load an image from a website.
- Next, select a shape and make a region on the image.
- Then, add a link, title, and target for the created clickable region.
- After that, press the Add New Area button and then repeat steps (3) and (4) to create several clickable regions.
- Finally, click on the Show Me The Code! button to view HTML code for the created image map.
Use the HTML code for the generated image map as needed.
2] imagemap.org
Another website that you can try is imagemap.org to create image maps. This free online tool is specially designed to create image maps online. Here are the main steps to use this web service:
- First, start a web browser and open the imagemap.org website.
- Now, select an input image to convert it to an image map.
- Next, use a shape tool to make a region and add a web address and title.
- Repeat step (3) to make multiple clickable regions.
- It will show you HTML code for your image map that you can copy and use accordingly.
Read: Freeplane is a free mind mapping software for Windows.
That’s it!