如何避免图像在共享时作为缩略图出现

Question

您好我希望避免我的sites logo images显示为在社交网络上分享的缩略图。我知道有一件事是为了避免图像作为缩略图发生，可以使用css sprites或数据uri，但我也希望徽标图像显示在搜索结果中。有办法完成这项工作吗？欢迎使用脚本或任何特殊标记。提前谢谢。

Answer 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>