微信朋友圈圖片縮略圖設計
❶ 如何實現分享網站文章到微信朋友圈時顯示指定縮略圖或LOGO
具體方法如下:
1)如果想在分享的文章中固定設置為貴公司的LOGO,可以在每一篇文章的內容中放一個隱藏的LOGO圖片,記住,不要使用Display:none;的方法設置,只需把img的width和height屬性都設置為0即可;
2)如果希望文章有圖片時抓取文章圖片作為縮略圖,內容中沒有圖片時默認使用公司的LOGO,則可以把隱藏的logo放到文章末尾,自然就能實現這樣的效果了。
解決方法:
在網站網頁 html 代碼中的<body>之後增加<img src="http://www.timsion.com/images/logo.jpg" width="0" height="0" />
注意事項:
1、這個logo.jpg圖片尺寸不能太小,在120*100以上就可以了。
2、圖片放到了body之後,微信應該會默認取頁面中第一種圖片。
3、用JPG圖片,如果格式是png的,微信朋友圈可能會直接把他忽略了。
4、width和height都設為0,style不能設置為Display:none。
5、把http://www.timsion.com/images/logo.jpg這個地址改成你的圖片地址。
通過這樣弄,分享到微信朋友圈的網址文章就會顯示縮略圖,而且是顯示文章內容中的第一張圖片。
❷ 微信分享網頁到朋友圈如何顯示縮略圖
這個估計個人設置不了吧,我只知道的是當你微信好友很多人發同一張圖片就會有這種情況!
❸ 微信分享連接到朋友圈的縮略圖是怎麼實現的
把鏈接復制到微信上,找個好友或者發送給自己,然後點開鏈接在分享,經過微信打開鏈接,
縮略圖就出來了,也有的鏈接是沒有縮略圖的。
❹ 分享第三方網頁到微信朋友圈,怎樣才能帶縮略圖
分享第三方網頁到朋友圈是可以設置的
❺ 分享網站文章到微信朋友圈,縮略圖怎麼設置
1、首先可以查看微博新聞、微信訂閱號、公眾號瀏覽查看新聞。
❻ 微信朋友圈九宮格製作問題:九張圖拼起來是一張完整的圖,可是點開後確實不同的圖,例如下面的圖,這九張
試試小程序「九宮格藏圖」,這個小程序可以一鍵製作,是目前最省事的工具。
❼ 分享網頁到微信朋友圈,怎樣才能帶縮略圖
微信公眾平台有公布介面,畢竟是TX的產品,還是使用官方介面吧
官方的鏈接微信分享網頁的縮略圖、鏈接、標題和摘要
未注冊的可能看不到,直接上代碼,粗體的是修改
<script>
var imgUrl = 'your imgUrl';
var lineLink = 'your link';
var descContent = "萬達狂歡節, 奪寶幸運星大抽獎活動開始啦!";
var shareTitle = '萬達狂歡節';
var appid = ' ';//填入你的appid
function shareFriend() {
WeixinJSBridge.invoke('sendAppMessage',{
"appid": appid,
"img_url": imgUrl,
"img_width": "640",
"img_height": "640",
"link": lineLink,
"desc": descContent,
"title": shareTitle
}, function(res) {
_report('send_msg', res.err_msg);
})
}
function shareTimeline() {
WeixinJSBridge.invoke('shareTimeline',{
"img_url": imgUrl,
"img_width": "640",
"img_height": "640",
"link": lineLink,
"desc": descContent,
"title": shareTitle
}, function(res) {
_report('timeline', res.err_msg);
});
}
function shareWeibo() {
WeixinJSBridge.invoke('shareWeibo',{
"content": descContent,
"url": lineLink,
}, function(res) {
_report('weibo', res.err_msg);
});
}
// 當微信內置瀏覽器完成內部初始化後會觸發WeixinJSBridgeReady事件。
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
// 發送給好友
WeixinJSBridge.on('menu:share:appmessage', function(argv){
shareFriend();
});
// 分享到朋友圈
WeixinJSBridge.on('menu:share:timeline', function(argv){
shareTimeline();
});
// 分享到微博
WeixinJSBridge.on('menu:share:weibo', function(argv){
shareWeibo();
});
}, false);
</script>
❽ 怎麼做這種圖片,縮略圖和打開後不一樣的圖
這個圖的原理實際上十分簡單
但一般狀態下僅對手機端有效
不過我可以用photoshop人為模擬一下手機端
首先這是一張png圖,半透明
要訣在於:第一、png格式,半透明
第二、兩部分圖應該是一黑一白
再說通俗一點,就像灰色玻璃杯放在白牆邊能看的一清二楚 到了晚上就幾乎看不見了,而你的另一個白色陶瓷杯還能看見
在手機端的QQ空間和QQ里,縮略圖和打開後的圖背景色相反,所以能達到製作者想要的效果
❾ 微信朋友圈中多張圖片組合為一個圖片如何設置
將多張圖片組合為一張圖片需要用到拼圖軟體,可以使用美圖秀秀軟體,方法如下:
1、首先在手機上打開美圖秀秀APP。
❿ 微信朋友圈的縮略圖被清理了保存到手機上變成了白圖怎麼辦
微信里縮略圖清理以後可以在回收站里回復