HTML Image Link Generator
Create clickable images with HTML. Enter an image URL and a destination link to generate ready-to-use HTML code. Preview the result and copy the code to your website, blog, or HTML editor.
Create clickable image HTML
Enter both URLs. The code and preview update automatically.
Leave this empty to generate alt="".
Live preview
Your browser loads the remote image directly. Photo2URL does not fetch or store it.
Your clickable image preview will appear here
Add a valid image URL and destination URL to preview the link.
Generated HTML
Enter valid image and destination URLs to generate the HTML.
How to Make an Image a Link in HTML
A clickable image uses an anchor for the destination and an image element for the picture. Keep the image URL separate from the page URL: the image is what viewers see, while the destination is where the click takes them.
- 1
Enter the image URL
Use a public http:// or https:// address that points directly to an image file.
- 2
Add the destination
Enter the page, product, profile, or other http(s) URL the image should open.
- 3
Describe the image
Optional alt text helps screen readers and appears when the image cannot load.
- 4
Preview and copy
Check the live preview, then copy the generated anchor and image HTML.
Basic clickable image HTML
<a href="https://example.com/product">
<img src="https://example.com/product.jpg" alt="Product photo" />
</a>Paste the copied snippet into an HTML editor or CMS that accepts HTML. The destination and image URLs must remain publicly accessible for the link and image to work.
Need an image URL? Upload your image with Photo2URL.
Frequently Asked Questions
How do I make an image clickable in HTML?
Wrap the img element in an anchor element. Put the destination page in the anchor's href attribute and the image URL in the img element's src attribute.
Can I use an image URL from another website?
Yes, if the image is publicly accessible and the host allows external display. Some websites use hotlink protection, authentication, expiring URLs, or other restrictions that can prevent an image from loading elsewhere.
Why is my image not showing in the preview?
The browser could not load the image from its host. The URL may be incorrect, private, expired, or blocked by the remote server. The generated HTML itself is not changed by a failed preview.
Where can I get a public image URL?
Upload the file with Photo2URL's Image to URL tool and copy the direct CDN link. You can use any other image host that provides a public direct image URL.