What's new

INSERTING ACTIVE CLICKABLE URL IN A JPEG IMAGE

#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
#2
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
#3
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.
 
#4
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.
 
#5
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
#6
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
#7
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.
 
#9
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