这是有关如何在Windows 11/10中创建图像映射(how to create an image map)的完整指南。图像映射基本上是包含多个可点击区域的图像,可将用户重定向到特定URL。例如,一个世界图像将有国家区域链接到每个国家的信息。您还可以为组织结构图、网站菜单等创建图像地图。
现在,如果您想创建具有多个可点击区域的图像,该怎么做?如果您也有同样的疑惑,那么这篇文章就是您的终点。Windows 11/10中制作图像映射的多种方法。现在让我们详细讨论这些方法!
如何创建图像映射?
Windows 11/10 PC上创建图像地图,您可以使用提供图像地图生成工具的免费图像编辑器。GIMP让您这样做。除此之外,您还可以使用LibreOffice Writer生成图像映射。此外,还有大量免费软件和在线工具可以让您制作带有可点击区域的图像地图。
如何制作可点击的图片?
要制作可点击的图像,您可以使用形状工具创建区域,然后添加URL、ALT文本、标题等属性。我们已经讨论了生成图像映射的多种方法和确切步骤。您可以查看它们。
如何将 URL 嵌入图像中?
您可以使用此处讨论的方法将URL嵌入到图像中。(URL)例如,GIMP提供了一个图像地图创建工具,允许您将URL嵌入到图像中并将其转换为具有多个可点击区域的图像地图。您可以在下面查看整个过程。
(Create Image Maps)使用免费的图像地图生成器(Image Map Generator)软件创建图像地图
以下是在 Windows 11/10 PC 上生成图像映射的方法:
- (Create)在Windows 11/10GIMP创建图像映射。
- 使用 LibreOffice(Use LibreOffice)创建图像映射。
- (Create)使用X-Map等专用免费软件(X-Map)创建图像地图。
- 使用在线工具生成(Generate)图像地图。
现在让我们详细讨论上述方法!
1]在Windows 11/10GIMP创建(Create)图像映射
您可以使用GIMP在Windows 11/10中生成图像映射。GIMP是一个免费的开源矢量图像编辑程序,它提供了一个额外的工具来创建图像映射。您可以导入图像,在其中选择并创建多个区域,为其添加超链接,然后保存地图。让我们讨论在GIMP(GIMP)中创建图像映射的步骤。
如何在GIMP中生成图像映射(GIMP)
以下是在GIMP(GIMP)中制作图像映射的主要步骤:
- 下载并安装 GIMP。
- 启动软件。
- 导入要转换为图像映射的图像。
- 转到Filters > Web > Image Map选项。
- 在地图上选择一个区域。
- 编辑区域属性。
- 重复(Repeat)步骤 (5) 和 (6) 在图像上创建多个区域。
- 保存地图。
现在让我们详细讨论上述步骤!
首先,如果您的 PC 上没有安装GIMP,请在您的系统上下载并安装它。然后,启动该软件的GUI。
接下来,打开源图像,然后转到“过滤器(Filters)”菜单。在此菜单中,单击Web > Image Map选项。
这将打开一个图像映射编辑器窗口。
现在,在图像映射编辑器对话框中,从矩形、圆形和多边形中选择一个形状,然后在图像映射上进行选择。
请参阅:(See:) 如何使用 GIMP 从照片中删除背景(How to Remove the Background from a Photo using GIMP)
之后,您需要从专用区域设置(Area Settings)对话框编辑区域属性。您可以添加区域信息,包括Link Type、URL、ALT Text、Target Frame Name等。它还提供了一个JavaScript选项卡,您可以在其中为 mouseover、onFocus、onBlur 等事件编写脚本。
重复上述步骤,在图像地图上创建多个区域。
您可以在同一窗口中查看具有各自属性的所有区域。
完成添加区域并链接它们后,转到“文件(File)”菜单并在同一窗口中按“另存为”选项。(Save As)您将能够以 .map 格式保存图像映射。
因此,这就是在Windows 11/10GIMP生成图像映射的方法。
阅读:(Read:) 如何在 Windows 10 中使用 GIMP 批量调整图像大小(How to Batch Resize Images with GIMP in Windows 10)
2]在Windows 11/10使用 LibreOffice(Use LibreOffice)创建图像映射
您还可以尝试使用名为LibreOffice(LibreOffice)的免费开源办公套件来生成图像映射。它是一款出色的免费软件,具有各种生产力应用程序,包括文档处理器、电子表格制作器、演示设计器等。要创建图像地图,您可以使用其名为LibreOffice Writer的文字处理器应用程序。让我们看看如何。
如何在Windows 11/10LibreOffice Writer生成图像映射(LibreOffice Writer)
以下是在Windows 11/10LibreOffice Writer创建图像映射的主要步骤:
- 下载并安装 LibreOffice。
- 启动其LibreOffice Writer应用程序。
- 导入(Import)现有文档或创建新文档。
- 在文档中插入图像。
- 选择图像并转到Edit > Image Map选项。
- (Create)使用各自的网址创建多个区域。
- 保存图像映射。
现在让我们详细说明上述步骤!
首先,在您的 Windows 11/10 PC 上下载并安装LibreOffice软件。(LibreOffice)然后,启动它的LibreOffice Writer应用程序。您也可以下载其便携版,然后无需安装即可直接使用其应用程序。
现在,您可以导入包含源图像文件的现有文档文件或创建新文档,然后插入输入图像文件。
接下来,选择图像文件,然后转到“编辑(Edit)”菜单并单击“图像映射(Image Map)”选项。这将打开一个专用的ImageMap Editor对话框窗口。
在ImageMap Editor中,选择所需的形状来制作区域。您可以在图像上创建矩形、圆形、多边形或自由多边形区域。之后,添加网址和文本,并选择框架类型以制作可点击区域。
您可以重复上述步骤,在图像地图上制作几个可点击区域。
完成创建图像映射后,您可以单击保存按钮并将其导出为各种格式。
它支持各种图像地图格式,包括MAP – CERN、MAP – NCSA和SIP – StarView ImageMap。
这样,您可以在Windows 11/10 PC上使用LibreOffice创建多个图像映射。(LibreOffice)
阅读:(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中创建图像映射。这些是软件:
- X-地图
- JImageMapper
现在让我们详细讨论上述软件!
1] X-地图
X-Map 是一款专门用于在Windows 11/10中创建图像地图的好软件。它允许您导入不同格式的图像,然后向它们添加多个可点击区域。在您创建和编辑图像地图时,图像地图的HTML代码会实时显示。现在让我们看一下使用它生成图像映射的步骤。
如何使用这个名为 X-Map 的免费软件创建图像地图
您可以按照以下步骤在Windows 11/10X-Map轻松生成图像映射:
- 下载 X 地图。
- 启动这个便携式应用程序。
- 加载图像。
- 选择一个形状并在图像上创建一个区域。
- 编辑(Edit)可点击区域的属性。
- 重复(Repeat)步骤 (4) 和 (5) 以制作多个可点击区域。
- 保存地图文件。
首先,从其官网(official website)下载X-Map软件。然后,解压缩下载的文件夹并启动其主应用程序文件。
现在,单击加载图像(Load Image)按钮以打开要转换为图像映射的源图像。
接下来,从矩形、圆形和多边形中选择一个形状工具,然后在图像地图上创建一个区域。之后,您可以通过添加网址、目标、ALT 文本、标题(web address, target, ALT text, title,)和更多信息来使该区域可点击。
同样,您可以在图像上创建多个可点击区域。
最后,您可以通过转到“File > Save Map”选项来保存图像地图。它允许您将图像映射保存在Map和RTF映射文件中。
请参阅:(See:) 如何在 Microsoft PowerPoint 中创建思维导图(How to create a Mind Map in Microsoft PowerPoint)
2] JImageMapper
JImageMapper是一个基于 Java 的软件,用于在Windows 11/10中创建图像映射。它是一个简单轻量级的图像地图生成器软件。以下是使用此免费便携式软件生成图像地图的确切步骤:
- 首先,下载JImageMapper软件。
- 现在,启动这个应用程序。
- 接下来,单击“打开图像”(Image)选项以导入源图像。
- 然后,选择一个形状工具,然后在图像上制作一个区域。
- 之后,输入其属性,包括超链接、ALT文本、标题、onMouseOver、onClick 等。
- 您可以重复步骤 (4) 和 (5) 以创建多个可点击区域。
- 最后,单击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代码,您可以将其嵌入到您的网站中。让我们看一下制作图像映射的过程。
如何使用Image-Map.net在线生成图像地图(Image-Map.net)
以下是在线创建图像地图的基本步骤:
- 首先,打开网络浏览器并转到Image-Map.net。
- 现在,从您的 PC 中选择图像或从网站加载图像。
- 接下来,选择一个形状并在图像上创建一个区域。
- 然后,为创建的可点击区域添加链接、标题和目标。
- 之后,按添加新区域(Add New Area)按钮,然后重复步骤 (3) 和 (4) 以创建多个可点击区域。
- 最后,点击Show Me The Code!按钮查看创建的图像映射的HTML代码。
根据需要使用生成的图像映射的HTML代码。
2] imagemap.org
您可以尝试的另一个网站是 imagemap.org,用于创建图像地图。这个免费的在线工具专为在线创建图像地图而设计。以下是使用此 Web 服务的主要步骤:
- 首先,启动网络浏览器并打开 imagemap.org 网站。
- 现在,选择输入图像以将其转换为图像映射。
- 接下来,使用形状工具制作区域并添加网址和标题。
- 重复步骤 (3) 以制作多个可点击区域。
- 它将向您显示图像映射的HTML代码,您可以相应地复制和使用。
阅读:(Read:) Freeplane 是一款适用于 Windows 的免费思维导图软件。(Freeplane is a free mind mapping software for Windows.)
就是这样!
Create Image Maps using free Image Map Generator software for PC
Hеre is a full guide on 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!