What's new

INSERTING ACTIVE CLICKABLE URL IN A JPEG IMAGE


p_sr

Member
Messages
5
Likes
1
Hello There,

Greetings.

I would like to have expert opinions.

Is it possible to insert an web link in to a jpeg image (rather in a selected part of that image: probably a buy now button) and to post it as jpeg image with that link active so that when viewer click the image/button in that image posted in social media platform will be redirected to the desired web page?

Tried with slice tool but in that case the image needs to save as web form which is not possible to post directly in the social media platform as jpeg image.

Need the jpeg image with active link.

Please help.

Thanks and regards.

Banner.jpg
 

admin

Webmaster
Staff member
Administrator
Messages
4,488
Likes
938
You need to use some HTML to wrap the image in an anchor tag with the URL you want to link to like this:

HTML:
<a href="https://www.photoshopgurus.com/forum/">
  <img src="https://www.photoshopgurus.com/forum/img/psglogo-c.png"/>
</a>
Replace https://www.photoshopgurus.com/forum/img/psglogo-c.png with your image URL (upload the image to an image host like imgur.com first, and then get the URL) Replace https://www.photoshopgurus.com/forum/ with the URL you want to link to.
 

IamSam

Administrator
Staff member
Administrator
Messages
19,060
Likes
11,852
When you click on an image and it takes you to a new web page, the URL link is not in the image, it's in the HTML code that displays the image as admin described above.

A .jpg image is data only, it contains no code. It can't do anything by itself. It has no ability to carry out a process anymore than text does. If your looking to add linkable information to a freestanding jpg image that you can post anywhere on the internet, you might consider using a visible QR code.

You can add link info to a jpg's metadata, but it would not be active and require software to read it.
 

p_sr

Member
Messages
5
Likes
1
You need to use some HTML to wrap the image in an anchor tag with the URL you want to link to like this:

HTML:
<a href="https://www.photoshopgurus.com/forum/">
  <img src="https://www.photoshopgurus.com/forum/img/psglogo-c.png"/>
</a>
Replace https://www.photoshopgurus.com/forum/img/psglogo-c.png with your image URL (upload the image to an image host like imgur.com first, and then get the URL) Replace https://www.photoshopgurus.com/forum/ with the URL you want to link to.
Hello,

Thanks for your advise. But this is not what I need.

I am trying to create the jpeg image with the active url link so that the viewer when click on that image or a part of the image will be landed on the product page directly. And I need to keep this as jpeg image to post/upload on various social media pages.

Regards.
 

p_sr

Member
Messages
5
Likes
1
When you click on an image and it takes you to a new web page, the URL link is not in the image, it's in the HTML code that displays the image as admin described above.

A .jpg image is data only, it contains no code. It can't do anything by itself. It has no ability to carry out a process anymore than text does. If your looking to add linkable information to a freestanding jpg image that you can post anywhere on the internet, you might consider using a visible QR code.

You can add link info to a jpg's metadata, but it would not be active and require software to read it.
Hello,

Hello,

Thanks for your advise. But this is not what I need.

I am trying to create the jpeg image with the active url link so that the viewer when click on that image or a part of the image will be landed on the product page directly. And I need to keep this as jpeg image to post/upload on various social media pages.

So far I understood, this may not be possible to put active url into an jpeg image.

Regards.
 

admin

Webmaster
Staff member
Administrator
Messages
4,488
Likes
938
Hello,

Thanks for your advise. But this is not what I need.

I am trying to create the jpeg image with the active url link so that the viewer when click on that image or a part of the image will be landed on the product page directly. And I need to keep this as jpeg image to post/upload on various social media pages.

Regards.
The HTML I posted is exactly what you are asking for. You seem to be under the impression that the link can somehow be built into the image file, but this is not the case.

You can read about how links on the internet work here:

https://www.w3schools.com/html/html_links.asp
 

IamSam

Administrator
Staff member
Administrator
Messages
19,060
Likes
11,852
Hey, I also want to reiterate what you have already been told. Please read carefully, thanks.

And I need to keep this as jpeg image to post/upload on various social media pages.
I've already answered this for you.
When you click on an image and it takes you to a new web page, the URL link is not in the image, it's in the HTML code that displays the image
A .jpg image is data only, it contains no code. It can't do anything by itself. It has no ability to carry out a process anymore than text does.
Without the HTML, a .jpg can not contain an active url.

One option is to use a visible QR code.
 

p_sr

Member
Messages
5
Likes
1
The HTML I posted is exactly what you are asking for. You seem to be under the impression that the link can somehow be built into the image file, but this is not the case.

You can read about how links on the internet work here:

https://www.w3schools.com/html/html_links.asp
Hello,

Thanks for the advise. In that case I may need help from a HTML expert. Will inform you if it works or serve my purpose.

Regards.
 

p_sr

Member
Messages
5
Likes
1
Hey, I also want to reiterate what you have already been told. Please read carefully, thanks.


I've already answered this for you.


Without the HTML, a .jpg can not contain an active url.

One option is to use a visible QR code.
Hi,

Got your point. Thanks.
 

Top