如何获得嵌入徽标的Twitter和Facebook的方形个人资料图像


How to get Square Size Profile Image of Twitter and Facebook with Logo Embedded?


当我浏览这个网站时
(http://www.talenthouse.com/creativeinvites/preview/ae2dd0ca9ac9d1881f27132df12b6dd1/219),
我发现,当我在twitter或facebook的帮助下登录时,使用我的个人资料图像,嵌入了facebook的F徽标和twitter的T徽标,我如何在Graph API的帮助下在facebook的PHP中做到这一点??

如果查看该页面的源代码,您会发现图像实际上并没有嵌入。他们只是使用css/html来覆盖"F"/"T"图像:

<a>
  <span class="photo" style="background-image: url(https://graph.facebook.com/4/picture);" />
  <img class="fb-decorator" src="http://assets.talenthouse.com/images_01/fb-member.jpg">
  <strong class="name">Mark</strong>
</a>

他们可能也有一些特殊的css应用于这些元素——试着用Firebug或Chrome Dev工具检查它——但你可以看到它没有嵌入。