October DealsAmazon USOctober deal check: compare before you payAmazon US: current deals, useful picks and tech finds.Check DealsSlow PC?RecommendedPC slow today? Run a repair scan before it gets worseResolve common Windows issues and optimize system performance.Scan NowOctober DealsAmazon USDeal season is back - check today's better picksAmazon US: current deals, useful picks and tech finds.See Picks×
Skip to content
accessibility

How to Embed a Link in a PNG Image (and What Actually Works)

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

You cannot put a universally clickable URL inside a PNG file itself. Make the image clickable where it is displayed by wrapping it in an HTML <a> element, use your publishing app’s image-link control, or provide the URL separately (or as a QR code) when the PNG is shared alone.

The direct answer: link the image in its container

A PNG stores pixels. It does not carry a portable click action that browsers, email clients, file viewers and social apps will all recognize. On a web page, the dependable pattern is an anchor whose href contains the destination and whose content is the image:

<a href="https://example.com/destination">
  <img src="picture.png" alt="Visit the destination page">
</a>

The anchor is the link; the PNG remains an image. The MDN image-element reference and the HTML Standard’s images section describe this document-level relationship.

Choose useful alternative text

Write alt text that explains the link’s purpose, such as “Read the pricing guide,” rather than listing every visual detail. When an image is used as a link, Google says the alt text can function as the anchor text; keep it descriptive and avoid keyword stuffing. See Google’s image SEO guidance.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
#1 Best Overall
Sale
50pcs NFC Tags NTAG215 NFC Coins White NFC Stickers Cards Adhesive Backing
  • ★ Small NFC Coins: The package contains 50 pcs NTAG215 NFC coin tags, diameter 25mm/1 inch, each NFC tag comes with an adhesive back for easy attachment. Small and portable to carry. The quantity is just the right amount for fun and needs; good choice as a small gift for your friend or family. Note: The NFC coins is not anti-metal, and not suitable for use in strong magnetic environment.
  • ★ Quality NFC Stickers: Thoughtfully designed and rigorously tested, constructed with durable, waterproof new PVC material while abrasion-resistant and non-toxic. with adhesive back for easy fixing, our NFC tags stickers can be placed virtually anywhere and even if near water without the risk of losing functionality. Note: not designed for use on metal surfaces.
  • ★ Wide Application: Compatible with TagMo and most NFC-enabled Android phone & devices, you are able to write the NFC tag easily and make a tag for any weapon, pet, mount or fashion item you want. Quickly share your social messages, music, connect to WiFi,business card, URL, text, security, authentication purposes, ect. The NFC cards with sticker are rewritable, which means you can use them over and over again to store different data and information
  • ★ NTAG215 Chip: High quality NTAG215 Chip, with 504 bytes of available NDEF memory. Providing enough storage space, you can quickly write the information you want. It has a read-write lock function that makes the NFC cards can be edited repeatedly or read-only, cannot be edited or reset after set as read-only tag. The blank NFC coins can be read and written over 100,000 times. (for amiiboss, the tags can only be edited once and cannot be reused)
  • ★ Easy to Use: When the digital NFC stickers is close to the back of the NFC-enabled phone, the phone can read the information from the tag. No internal energy is required, no battery is required, and no manual pairing is required. From creating personalized shortcuts for your favorite apps to triggering specific actions on your smart devices, the potential is limitless. Explore the endless ways to enhance your digital lifestyle and make everyday tasks more efficient.

Make the whole image one target

If any click on the artwork should open the same destination, the single wrapper above is sufficient. The destination can be changed later by editing the page’s href; you do not need to recreate the PNG.

Why PNG metadata does not make a file clickable

PNG does support text chunks. The PNG Specification (Second Edition) states: “PNG provides the tEXt, iTXt, and zTXt chunks for storing text strings associated with the image, such as an image description or copyright notice.” Those chunks can hold fields such as Title, Author, Description, Copyright, Creation Time, Software, Disclaimer, Warning, Source and Comment.

They are descriptive data, not an instruction that every viewer must follow when a person clicks the picture. A particular application could choose to interpret a metadata value as a URL, but that behavior is not a portable web standard. Use an actual link element for predictable navigation.

Methods by where the PNG will appear

Where the image is used Working approach Can you change the destination without editing the PNG? Multiple destinations in separate regions?
Website or web app Wrap <img> in <a> Yes, edit the HTML or CMS field Yes, with an image map or separate linked pieces
Email, document or social platform Use that product’s image-link command Usually, through the product; controls and restrictions vary by product and version Only if the product supports separate linked regions
PNG downloaded or sent by itself Place the URL in nearby text, or add a QR code to the artwork Not through the file’s click behavior Use several QR codes or provide a list of URLs

An image-link button in a publishing platform creates a link in that platform’s document or post. It does not modify the PNG into a universally clickable file. Exact labels and limitations depend on the service and its current version.

Free tools Windows power users keep installed

One-click scans. No signup required.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Accessible and robust HTML patterns

Open a new tab safely

If the design requires a new tab, include target="_blank" and rel="noopener":

Rank #2
20 pcs NFC Tags NFC Stickers NTAG215 NFC Tag Sticker NFC Sticker Programmable NFC Chip Home Assistant NFC Tags with Adhesive Back, Compatible with TagMo and NFC Enabled Devices
  • 【Quantity and size】 Each package contains 20 round white NFC cards with 25mm (1 inch) diameter.
  • 【With adhesive】The back of each card comes with adhesive, Easy to stick on tables, walls, cars ......More convenient to use!(Not applicable to metal surfaces)
  • 【NFC chip type】NTAG215 chip, 504 bytes memory capacity, password protection authentication, high scanning strength, easy to program. With read/write lock function, can be repeatedly edited or read-only.write endurance: >100,000 times(A-mii-bo write only once and not repeatedly erase and rewrite).
  • 【Safe material】: Made of durable PVC waterproof material, it can be placed outdoors or near water without the risk of losing its function, with a smooth and shiny surface, resistant to wear and tear, and stable, non-toxic and odorless, hygienic and safe, please feel free to buy.
  • 【Compatibility】Compatible with Tagmo A-mii-bo and all NFC-enabled devices.(Easy to Operate:Please make sure your device has NFC function and the NFC switch is turned on before use. After installing the corresponding application, "write" or "enter data", put the NFC card close to the device sensing area, and the data will be automatically entered into your phone)
<a href="https://example.com/destination" target="_blank" rel="noopener">
  <img src="picture.png" alt="Open the destination page in a new tab">
</a>

Tell users in the alt text that a new tab opens. For ordinary navigation, omitting target is less surprising.

Responsive images

The link wrapper works with responsive sources as well:

<a href="https://example.com/destination">
  <picture>
    <source srcset="picture.webp" type="image/webp">
    <img src="picture.png" alt="Visit the destination page" loading="lazy">
  </picture>
</a>

Keep the fallback src valid. loading="lazy" can reduce initial page work for images below the fold, but do not lazy-load a prominent link that users need immediately.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Do not make a fake link in the artwork

Text such as “click here” drawn into pixels is not keyboard-focusable, cannot be copied as a URL and is not exposed as a link to assistive technology. Keep the destination in HTML and use visible text or an informative alt value as the fallback.

Different destinations in different parts of one image

When a diagram, floor plan or map needs several targets, page-level regions can provide separate hit areas. An HTML image map keeps those targets in the document, not in the PNG:

Rank #3
50 Pcs NFC Tags Sticker with NTAG215 Chip NFC Stickers Adhesive Labels Transparent RFID Tags Rewritable 504 Bytes Memory Suitable for All NFC-Enabled Devices and Smartphones
  • Compact & Portable Design: Each package includes 50 NFC tags with a 1.0-inch round NTAG215 card, as small as a quarter coin, making it easy to carry and store. The adhesive backing ensures effortless attachment to various surfaces
  • Durable & Waterproof: Made of high-quality PET material, these NFC tags are waterproof, durable, and designed to withstand wear and tear. They function perfectly even in wet conditions, ensuring reliable performance wherever you use them
  • Easy Setup & User-Friendly: Simply hover your NFC-enabled device over the tag to initiate data transfer. Equipped with 504 bytes of NDEF memory, these tags allow quick writing and sharing of information. They also feature a read-write lock function for flexible use.(NOTE*. - It can not be edited or reset after setting it as a read-only tag. )
  • Wide Compatibility: These NFC tags are compatible with devices such as NFC-enabled phones and TagMo Amiibo. They are rewritable, so you can store and update different data as needed. Note: Amiibo tags can only be edited once and cannot be reused
  • Versatile Applications: Ideal for creating Amiibo cards, sharing social media links, music, connecting to Wi-Fi, or automating smart home tasks. These tags enable quick and easy data sharing for a variety of uses, from gaming to daily convenience
<img src="floor-plan.png" alt="Office floor plan" usemap="#office-map">
<map name="office-map">
  <area shape="rect" coords="0,0,240,180"
        href="https://example.com/east-wing" alt="East wing details">
  <area shape="rect" coords="241,0,480,180"
        href="https://example.com/west-wing" alt="West wing details">
</map>

Image maps require accurate coordinates and careful testing at different display sizes. For responsive or accessibility-heavy interfaces, separate HTML elements positioned over the image, or separate linked image pieces, are often easier to maintain. Each region still belongs to the host page’s markup.

When the image must travel alone

Put the URL beside it

A standalone attachment has no dependable click context. Send a caption, message or adjacent line containing the complete URL. This is the clearest fallback for screen readers, copy-and-paste and viewers that ignore metadata.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Add a QR code for physical or offline sharing

A QR code turns the destination into scannable visual content. It is not a hyperlink embedded in PNG behavior: the recipient must scan it with a camera or QR reader. Keep a printed or typed URL nearby for people who cannot scan.

Use a short, durable destination

If the artwork will be distributed widely, point the link or QR code to a URL you control and redirect it when necessary. That lets you change the final page without recoloring or redistributing the image.

How to check a linked PNG before publishing

  1. Open the page in a keyboard-capable browser and press Tab until the image link receives focus.
  2. Activate it with Enter and verify the exact destination, protocol and path.
  3. Check the same page at narrow and wide widths; image maps and overlays can drift when dimensions change.
  4. Disable images temporarily or inspect the accessibility tree to confirm the link still has useful text from alt.
  5. Test the destination in a signed-out or private window if access permissions might differ for visitors.
  6. For a QR code, scan from the intended print or display size and confirm that the decoded URL matches the visible fallback URL.

Troubleshooting common failures

The image displays but clicking does nothing

Inspect the rendered markup. The <img> must be inside an <a>, or the publishing tool must show an image-link destination. A URL typed into PNG metadata or painted onto the pixels will not create a browser link.

Rank #4
50Pcs NFC Tags Sticker with Original NTAG215 Chip NFC Stickers Adhesive Labels Transparent RFID Tags Rewritable 504 Bytes Memory Suitable for All NFC-Enabled Devices and Smartphones
  • 【Compact & Portable】 Each pack includes 50 round 1.0-inch NTAG215 NFC tags (size of a US quarter). Ultra-slim and lightweight, they’re easy to carry or store. The strong adhesive backing securely attaches to most surfaces, leaving no residue when carefully removed—suitable for temporary or permanent use.
  • 【Durable & Waterproof】 Made of premium thick PVC, these tags are durable, scratch-resistant and IPX7 waterproof. They perform reliably in wet or humid environments, maintaining stable data access over time.
  • 【Easy Setup & Read-Write】No complex tools needed—just hover your NFC-enabled device to transfer data. 504 bytes of NDEF memory supports quick writing/sharing, with a read-write lock. Note: Once set to read-only, it can’t be edited or reset.
  • 【Wide Compatibility】Compatible with NFC-enabled iOS/Android devices and TagMo (for Amiibo). Rewritable (except Amiibo data) for updating info. Amiibo Tip: Amiibo data is write-once and non-reusable.
  • 【Versatile Applications】Multi-functional for Amiibo creation, Wi-Fi connection, smart home automation, social link sharing and gaming—simplify daily tasks and enhance convenience.

Only part of the image should be clickable, but the target is wrong

Check image-map coordinates against the actual rendered dimensions. If CSS scales the image, fixed pixel coordinates can no longer line up. Recalculate coordinates or use responsive overlay elements.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

The link works on desktop but not in an email or social post

Those products sanitize HTML and may remove anchors, strip image maps or require their own link control. Use the platform’s documented image-link workflow and provide a visible URL when the service does not preserve the link.

Screen readers announce an unhelpful link

Replace generic or empty alt text with the action or destination purpose. If the image is decorative and adjacent text already supplies the link label, use alt="" so assistive technology does not announce the same information twice.

A QR code scans to the wrong address

Decode it with more than one scanner, compare the result character by character and check for an unintended tracking or redirect parameter. Keep sufficient contrast and a clear margin around the code; do not crop its quiet zone.

Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Or skip the browser setup

If your goal is to obtain a clean screenshot of the page that contains the linked PNG, ScreenshotNeo can capture the rendered URL through one GET request instead of configuring a headless browser. Its cleanup step accepts cookie or consent banners and removes more than 60 known consent platforms, newsletter popups and chat widgets before capture; each step can be turned off. Bot checks or CAPTCHAs, blank pages, timeouts, failed loads and cache hits are not billed, and the response identifies the result with X-Page-Verdict and X-Billed headers. It also provides an MCP server with take_screenshot, get_page_info and capture_pdf tools for Claude, Cursor and other MCP clients.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

See the ScreenshotNeo documentation for request options. A basic cURL call is:

Best Value
Sale
60pcs NFC Stickers/NFC Tag, NTAG215 Chip, Transparent Waterproof & Rewritable, 504 Bytes Memory NFC/RFID Tags, Compatible with All NFC Smartphones, Amiibo & TagMo
  • 【Chip & Capacity】Genuine NTAG215 Chip – 504 Bytes Memory. Authentic chip ensures full compatibility and maximum storage for all NFC projects
  • 【Rewritable Feature】Rewritable Hundreds of Times with Optional Lock. Write and rewrite easily using apps like NFC Tools. Lock as read-only when data security is needed
  • 【Durability & Compatibility】Durable, Waterproof & Universal – Strong adhesive PVC tags work indoors/outdoors. Compatible with all NFC smartphones (iOS/Android) and popular apps like NFC Tools, TagWriter for diverse applications
  • 【Key Applications】Perfect for Gaming, Smart Home & Automation – Compatible with Nintendo Switch for Amiibo functionality (Zelda, etc.). Also great for smart home, Wi-Fi sharing, 3D printer bed leveling (Klipper), and one-tap phone routines
  • 【Package & Support】60 Tags + Full Support – Includes 60 transparent 1-inch round tags. Backed by clear setup guides and responsive customer support
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://example.com/destination -o shot.webp

Python:

import requests
r = requests.get("https://api.screenshotneo.com/v1/shot", params={"access_key": "YOUR_API_KEY", "url": "https://example.com/destination"}, timeout=90)
open("shot.webp", "wb").write(r.content)

Node.js:

const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://example.com/destination' }); const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);

The Free plan includes 1,000 screenshots each month with no card. Paid plans start at $5 for 3,000 shots, and every feature is included on every plan. Create a free ScreenshotNeo account.

Practical decision guide

  • Use an HTML anchor when the PNG appears on a website and one destination serves the whole image.
  • Use an image map or separate linked elements when distinct regions need different destinations.
  • Use the host application’s image-link command in email, documents or social platforms; verify its current restrictions.
  • Provide nearby text or a QR code when the file will be downloaded, attached or printed by itself.
  • Never rely on PNG text metadata as a cross-viewer hyperlink mechanism.

Frequently Asked Questions

Can I make a PNG clickable in Windows or macOS File Explorer?

No portable click behavior is defined for a PNG opened as a file. Put the URL in the accompanying message or open the image inside a document or web page that supplies the link.

Will renaming a PNG with a URL extension create a hyperlink?

No. A filename, comment field or other text metadata does not establish navigation. The application displaying the image must provide an actual link.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Can I change a web image’s destination without replacing the image?

Yes. When the image is wrapped in an HTML anchor, edit the anchor’s href; the PNG pixels remain unchanged.

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.

Leave a Reply

Your email address will not be published. Required fields are marked *

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Read next

Recommended PC Tool
Recommended PC Tool
Crashes, No Sound, or Screen Glitches?Free driver scan
Windows Errors? Fix Them Before They SpreadFree repair scan

Two free Windows tools

One Free Minute Could Fix That PC

Before you go - each of these free tools takes about a minute and tackles what quietly slows a Windows PC down.

Special offer. View Outbyte info, uninstall instructions, EULA, and Privacy Policy.