What's new
Photoshop Gurus Forum

Welcome to Photoshop Gurus forum. Register a free account today to become a member! It's completely free. Once signed in, you'll enjoy an ad-free experience and be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

INSERTING ACTIVE CLICKABLE URL IN A JPEG IMAGE


Status
Not open for further replies.

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,548
Likes
970
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
22,744
Likes
13,267
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,548
Likes
970
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
22,744
Likes
13,267
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
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.
 
Status
Not open for further replies.

Top