web-dev-qa-db-ja.com

FacebookとGoogle+の背景が白いため、白いテキストのロゴをより良く表示する

白いテキストと透明な背景のロゴがあります。このサイトは暗いテーマです。 FacebookとGoogle+がリンクを追加したとき。ロゴを見ることは非常に困難です。これらのサービスに黒いテキストのロゴのバージョンを使用するように指示する方法はありますか?

3
Mike Wills

Bybeのように画像を編集するか、Facebookおよび Google Plusを使用して使用する画像Graph Protocolを開きます。新しい画像を作成してmeta property="og:image"- tagに追加する場合、ユーザーがページの1つを共有するときにその画像を使用する必要があります。

これを使用すると、FacebookやGoogleが間違った画像を使用するリスクを負うことはなく、サイトの背景色を決定した場合に画像を再度編集する必要はありません。

4

PNG透明度

これは、ロゴが通常は透明なPNGファイルであるために発生しますが、ロゴが白いため、白い背景を使用しているためGoogle Plusと衝突します。この解決策への簡単な修正は、PNGファイルを編集し、Webサイト上の要素と同じ無地の背景色、この場合は#212121の背景色を与えることです。

Google Plusは、ページで別の画像が提供されていない場合にのみロゴを使用することに注意してください。

2
Simon Hayter