图片链接去掉边框_怎么设置一个链接打开是图片「建议收藏」

大家好，我是老沙。

大家都知道，在公众号文章中插入的图片超链接，用户点击跳转前会有弹窗提示，继续点击弹窗的「允许」按钮，才会跳转过去。

就像这样，点击试试：

而文字超链接却可以直接跳转，显然，对运营者来说，跳转前少一个弹窗提示，超链接的跳转率便会高一些，跳转率高了，转化率才有可能变高。

如何让图片超链接没有弹窗提示呢？

先体验下，点击试试：    

教程奉上：

*文末有1分钟可以完成的模板

1、在电脑端完整复制下方代码， 打开i排版编辑器(iPaiban.com)， 点击右上角 HTML，将复制的代码粘贴进来。

            -webkit-tap-highlight-color: transparent;            user-select: none;            " viewbox="0 0 900 500" space="preserve" version="1.1" xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" icopr="">                

2、准备替换代码中的图片网址、尺寸和超链接3个信息。下面这张图片对代码中3个信息的位置作了简单标注。

3、生成图片网址：我们将要添加超链接的图片上传到公众号后台，在「多媒体素材」-「图片」中选择上传的图片，点击「查看大图」，接着点击「查看原图」，这时打开的网页网址便是该图片的网址了。

4、复制该网址，替换代码中如下红线部分。

5、替换要给图片添加的超链接。

6、修改代码中的两处图片尺寸。自己的图片是什么尺寸就修改为什么尺寸。

这时候就已经实现图片超链接点击没有弹窗提示的效果了。现在，我们需要把这段代码转移到公众号后台。步骤如下：

*后面附有视频教程

1、在i排版编辑器(iPaiban.com)HTML 中复制我们刚才处理过的代码。

2、在公众号后台图文编辑页面，右键点击空白处，出现下拉菜单，点击「检查」，调出网页代码。

3、点击「检查」页面左上角的「小鼠标」按钮。

4、移动鼠标至文章要添加图片处，点击一下。这时候会看到右边定位到了控制该位置的代码，我们在这个代码上右键单击，选择 Edit as HTML，然后把刚才复制的代码粘贴替换过来，再点击一下空白处就可以了。

这是视频教程：

5、最后注意点击一下「保存」，大功告成！

点击试试??

如果你觉得操作代码太过繁琐，我们提供有模板，让小白也能1分钟实现这种效果。

另外还可以实现许多实用效果，比如小程序图片跳转无弹窗提示：

·                                                            _-_-_-[{“title”:”小程序-GIF动图(无角标)-Demo3″,”article_id”:”90244ad1046eb40bd37ca5c7b4ab27e2″,”widgets”:”[{\”type\”:\”GIFMiniProgrameWithoutIcon\”,\”options\”:{\”baseImg\”:{\”media_id\”:\”5a6041d61c1e93a24fda62a8be015301.gif\”,\”src\”:\”http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/5a6041d61c1e93a24fda62a8be015301.gif\”,\”type\”:0,\”star\”:false,\”name\”:\”3_1606749292000_3485–跳.gif\”,\”size\”:46855,\”total\”:294,\”img_width\”:240,\”img_height\”:240,\”is_deleted\”:false},\”showIcon\”:false,\”appID\”:\”wx7c8d593b2c3a7703\”,\”path\”:\”\”},\”styles\”:\”\”}]”}]-_-_-_ ▲点击上图进入小程序 (去掉了小程序的角标)

调整超链接角标位置：

·                                                                        _-_-_-[{“title”:”超链接-GIF动图(自定义角标位置)-Demo3″,”abstract”:null,”article_id”:”b7787b3ef4ad183f1b813fad5f1efc3a”,”widgets”:”[{\”type\”:\”GIFHrefWithIconAnyWhere\”,\”options\”:{\”baseImg\”:{\”media_id\”:\”b8430611f4a285a1f0a43b4c296b5bbc.gif\”,\”src\”:\”http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/b8430611f4a285a1f0a43b4c296b5bbc.gif\”,\”type\”:0,\”star\”:false,\”name\”:\”3_1606792895000_1909–超链接.gif\”,\”size\”:110577,\”total\”:300,\”img_width\”:240,\”img_height\”:240,\”is_deleted\”:false,\”width\”:26,\”height\”:26,\”x\”:17,\”y\”:13},\”appID\”:\”https://mp.weixin.qq.com/s/osEsGVeWpnYs5-WpIAwsUA\”,\”path\”:\”\”,\”widthMode\”:\”autofix\”,\”width\”:\”343\”},\”styles\”:\”\”}]”}]-_-_-_ ▲点击上图进入链接 (将超链接的角标移到了右上角)

自定义超链接角标样式：

·                                                                        _-_-_-[{“title”:”超链接-GIF动图(自上传角标,自定义位置)-Demo3″,”abstract”:null,”article_id”:”431020fdd51261a5796af345f734d19f”,”widgets”:”[{\”type\”:\”GIFHrefWithCustomIconAnyWhere\”,\”options\”:{\”baseImg\”:{\”media_id\”:\”b8430611f4a285a1f0a43b4c296b5bbc.gif\”,\”src\”:\”http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/b8430611f4a285a1f0a43b4c296b5bbc.gif\”,\”type\”:0,\”star\”:false,\”name\”:\”3_1606792895000_1909–超链接.gif\”,\”size\”:110577,\”total\”:300,\”img_width\”:240,\”img_height\”:240,\”is_deleted\”:false,\”width\”:26,\”height\”:26,\”x\”:10,\”y\”:9},\”iconImg\”:{\”media_id\”:\”ce72650a0e968d1e2950f7fe8e8ca422.png\”,\”src\”:\”http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/ce72650a0e968d1e2950f7fe8e8ca422.png\”,\”type\”:0,\”star\”:false,\”name\”:\”3_1606882180000_7330–文章蓝.png\”,\”size\”:2834,\”total\”:301,\”img_width\”:200,\”img_height\”:200,\”is_deleted\”:false},\”appID\”:\”https://mp.weixin.qq.com/s/osEsGVeWpnYs5-WpIAwsUA\”,\”path\”:\”\”},\”styles\”:\”\”}]”}]-_-_-_ ▲点击上图进入链接 (替换了右上角的超链接角标)

如果制作数量多，不想这么麻烦，可以添加玉兔微信(ID：playhudong15)购买1分钟即可完成的模板，添加时请备注“超链接+所在公司名”。

▲长按扫码识别

●
最新活动??
免费体验！欢迎有Svg黑科技交互排版需求的品牌或企业，
免费体验图文拉伸、自定义音频样式、长按显示、点击弹窗等70多种交互玩法，包括苹果、喜茶、宝马等品牌的复杂交互。 详情请添加玉兔微信(ID：playhudong15)咨询 *添加好友时务必备注所在公司名
●黑科技交互排版样式?? 如果有感兴趣的企业或品牌需要定制黑科技排版，请添加玉兔微信沟通。
点个“ 在看 ” 戳沙小僧(playhudong033) 抱走《公众号排版规范手册》PPT