Skip to Content

登陆/注册

如何为图片添加链接

下载PDF文件

通过多种方法来链接图片

共同创作者是 Anar Kazimov

下载PDF文件

想在代码中链接图片，或者想让别人通过点击图片就能访问网站？只用一行HTML代码或一些设置，你就能在几乎任何位置添加一张可点击的图片！由于图片通常都比文字大，因此它的可点击区域更大，从而能增大别人点击链接的可能性！这篇文章将教你如何为图片添加链接，无论是在电脑、手机还是平板电脑上，你都可以轻松做到。

须知事项

要让图片变成可点击的链接，请使用HTML代码：<a href="https://www.wikihow.com"><img src="full-path-to-image.jpg"></a>。
WordPress和Wix等网络编辑器以及Gmail和Canva等电子邮件程序和图片平台都有内置的功能，让你可以在选择图片时添加链接。
在Word中，右键点击图片并选择“链接”。然后添加URL并点击“确定”即可。

方法 1

方法 1 的 4:

使用HTML

下载PDF文件

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/9d\/769114-1-1.jpg\/v4-460px-769114-1-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9d\/769114-1-1.jpg\/v4-728px-769114-1-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

1
输入以下代码，让图片变得可以点击。 选择并复制下面的 HTML 代码，然后把它们粘贴到打开的index.html文件中。
```
 < 
 a 
 href 
 = 
 "DESTINATION URL" 
 >< 
 img 
 src 
 = 
 "full-path-to-image.jpg" 
 ></ 
 a 
 > 
```
广告

方法 2

方法 2 的 4:

在网络编辑器中为图片添加链接

下载PDF文件

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/59\/769114-2-1.jpg\/v4-460px-769114-2-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/59\/769114-2-1.jpg\/v4-728px-769114-2-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

1
WordPress、Wix、Canva等服务以及Gmail、Outlook等电子邮件程序都提供非常类似的图片链接功能。 在上传图片时，只用点击一个按钮就能把图片变成链接（按钮图标通常看起来像是一个链环）。
- 如果没有马上看到链接图标，请点击选择图片，然后它就会出现在文本编辑工具附近。

方法 3

方法 3 的 4:

在Word中为图片添加超链接

下载PDF文件

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/83\/769114-3-1.jpg\/v4-460px-769114-3-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/83\/769114-3-1.jpg\/v4-728px-769114-3-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

要添加图片，请转至 插入 > 图片 。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/03\/769114-4-1.jpg\/v4-460px-769114-4-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/03\/769114-4-1.jpg\/v4-728px-769114-4-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

2
右键点击图片并选择链接。 接下来确定是要把图片链接到网站、计算机上的文件、文档中的其他位置、新的Word文档还是电子邮件地址。
- 如果你要共享这个Word文档，并且把图片链接到了电脑上的某个文件，那么其他用户可能无法看到链接的文件，除非它也已被共享。
- 由于本文介绍的将网站链接到图片，因此你需要把它保留为“现有文件或网页”。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/62\/769114-5-1.jpg\/v4-460px-769114-5-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/62\/769114-5-1.jpg\/v4-728px-769114-5-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

3
输入目标URL。 在“地址”字段旁边输入URL。
- 点击确定将链接添加到图片。
- 如果共享了这个Word文档，任何人点击图片都会被重定向到该链接！
- 你也可以在Google文档中添加视频以及层叠图片！
广告

方法 4

方法 4 的 4:

使用社交媒体和图片托管网站

下载PDF文件

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0f\/769114-6-1.jpg\/v4-460px-769114-6-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0f\/769114-6-1.jpg\/v4-728px-769114-6-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

1
大多数在线平台都会为图片分配一个链接，这样大家就能通过点击图片来查看大图。 例如，如果你把图片上传到 Facebook ，那么点击图片就能看到它的URL。把这个URL粘贴到别的地方，点击它就会转到你的Facebook图片（但隐私设置可能会阻止其他人看到你的图片）。
- 这种方法适用于将图片上传到几乎所有在线平台，包括Flickr、Imgur、Facebook、Instagram、Google Drive和Apple iCloud。
- 只有当你想插入一个链接，让点击它的人重定向到网站上的图片时，才能使用这种方法。这并不是为图片添加链接的方法。

相关wikiHows

__Sections__

你可能还喜欢

广告

关于本wikiHow

共同创作者是 :

Anar Kazimov

这篇文章由我们的文章共同创作人Anar Kazimov共同创作。wikiHow的文章共同创作人会与我们的编辑密切合作，以确保文章内容尽可能准确和全面。这篇文章已经被读过2,530次。

分类: 计算机与电子产品

印度尼西亚语

打印

本页面已经被访问过2,530次。

这篇文章对你有帮助吗？

广告

-

-

304

.mwimg a.image{display:none}#header_logo{display:none}#cse-search-box{display:none}#cse-search-box-noscript{display:block !important}#cse-search-box-noscript .cse_q{color:#FFF;background-color:#B3CE9C}.wh_search .cse_q{width:88%}#mw-mf-main-menu-button{display:none;visibility:hidden}.header .search{display:none}#search_footer .cse_sa{background-image:url(/extensions/wikihow/mobile/images/white_mag.png);background-size:22px}.related_box{display:block;background:#EEE;border:5px solid #FFF;vertical-align:bottom;width:127px;background-size:180px;float:left;height:120px;position:relative}.related_box p{line-height:15px !important;font-size:13px;background-color:rgba(67,95,44,.4);color:#FFF;font-weight:bold;padding:8px;margin:0 !important;position:absolute;bottom:0}#noscript_header_logo{display:table-cell;vertical-align:middle;background-position:50% 77%;background-repeat:no-repeat;background-image:url(/extensions/wikihow/mobile/images/wikihow_logo_230.png);background-size:105px;width:auto;height:51px;padding:0 14px}.articleinfo{display:none}#iorg_free_data{z-index:50;width:100%;position:fixed}#ara_recommendations{display:none}

Design a Mobile Website

View Site in Mobile | Classic

Share by: