如何避免图像在共享时显示为缩略图

【问题标题】：How to avoid an image from occurring as thumbnail on sharing如何避免图像在共享时显示为缩略图
【发布时间】：2014-08-27 02:35:15
【问题描述】：

您好，我希望避免我的sites logo images 在社交网络上以缩略图的形式出现。我知道的一件事是，为了避免图像以缩略图的形式出现，可以使用 css sprites 或 data uri，但我也希望徽标图像显示在搜索结果中。有没有办法做到这一点？欢迎使用脚本或任何特殊标记。提前致谢。

【问题讨论】：

【解决方案1】：

不要把它当成图片，用它作为div的背景。

CSS

#logo{
background: url('http://gk-hunger-games.blogspot.uk/logo.png');
width: 250px;
height: 60px;
}
#logolink{
width: 100%;
height: 100%;
}

HTML

<div id="logo">
   <a id="logolink" href="http://gk-hunger-games.blogspot.uk"> </a>
</div>

【讨论】：