Putting links in graphics?

  • Thread starter BillTre
  • Start date
In summary, the conversation discusses the possibility of inserting links into graphics, specifically in vector drawings, for articles or forum posts. The idea of linking specific areas of the image is mentioned, but it is noted that this requires more HTML features than forums allow. The feature of an image map is brought up and it is suggested that it may be supported by the Insights editor. The conversation ends with a confirmation that image maps are not supported by forums, but may be supported by the Insights editor with a link to a tutorial on how to create an image map in HTML.
  • #1
BillTre
Science Advisor
Gold Member
2,594
10,656
Is there an easy way to put links into graphics (vector drawings), such as for InSights articles of forum posts?
For example, if I have some text in a drawing, can I link it to an article somewhere, either from the text or on someway putting a transpartent button over it?
 
Physics news on Phys.org
  • #3
Links that are limited to specific areas of the image? That needs more html features than forums allow.
 
  • Informative
Likes BillTre
  • #4
The feature you refer to exists in HTML and is called an image map ("map", see below). It allows an image to have clickable areas.

I don't know any fora that support it.
Code:
<img src="workplace.jpg" alt="Workplace" usemap="#workmap">

<map name="workmap">
  <area shape="rect" coords="34,44,270,350" alt="Computer" href="computer.htm">
  <area shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm">
  <area shape="circle" coords="337,300,44" alt="Coffee" href="coffee.htm">
</map>
 
  • Informative
Likes BillTre
  • #5
I was afraid of that, but thought it worth checking.
Thanks guys!
 
  • #6
  • Informative
  • Like
Likes BillTre and DaveC426913

FAQ: Putting links in graphics?

What is the purpose of putting links in graphics?

The purpose of putting links in graphics is to create clickable images that lead to other web pages or online content. This can be useful for directing users to related content, products, or services, or for adding visual interest to a website.

How do you put a link in a graphic?

To put a link in a graphic, you can use HTML code to wrap the image in an <a> tag and specify the URL of the page you want to link to in the href attribute. Alternatively, you can use a graphic design software to create an image with an embedded link.

Can you put links in all types of graphics?

Yes, you can put links in all types of graphics, including images, illustrations, and icons. However, it is important to ensure that the graphic is clear and relevant to the linked content to avoid confusing users.

Are there any best practices for putting links in graphics?

Yes, there are some best practices to consider when putting links in graphics. These include making the link obvious and easily clickable, using descriptive alt text for accessibility, and ensuring the linked page is relevant to the graphic. It is also important to test the links to ensure they are working correctly.

Are there any potential drawbacks to putting links in graphics?

One potential drawback of putting links in graphics is that it may not be as obvious to users that the image is clickable compared to a regular text link. This can also be an issue for visually impaired users who rely on screen readers. Additionally, if the graphic is used on multiple pages and the link changes, it may be more difficult to update compared to a regular text link.

Similar threads

Replies
5
Views
1K
Replies
7
Views
2K
Replies
2
Views
1K
Replies
3
Views
1K
Replies
10
Views
2K
Replies
6
Views
2K
Replies
4
Views
2K
Replies
9
Views
2K
Replies
4
Views
2K
Replies
2
Views
2K
Back
Top