# Twitter: black rectangle, or cropping of different types of inverted logo, in some tweets that refer to pages in the discourse.opensourcedesign.net domain

**URL:** <https://discourse.opensourcedesign.net/t/twitter-black-rectangle-or-cropping-of-different-types-of-inverted-logo-in-some-tweets-that-refer-to-pages-in-the-discourse-opensourcedesign-net-domain/166>\
**Category:** Forum feedback\
**Created:** [May 19, 2017, 8:06am UTC](https://discourse.opensourcedesign.net/t/twitter-black-rectangle-or-cropping-of-different-types-of-inverted-logo-in-some-tweets-that-refer-to-pages-in-the-discourse-opensourcedesign-net-domain/166 "2017-05-19T08:06:03Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![grahamperrin](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/grahamperrin/32/62_2.png) [@grahamperrin](https://discourse.opensourcedesign.net/u/grahamperrin)\
**Post date:** [May 19, 2017, 8:06am UTC](https://discourse.opensourcedesign.net/t/twitter-black-rectangle-or-cropping-of-different-types-of-inverted-logo-in-some-tweets-that-refer-to-pages-in-the-discourse-opensourcedesign-net-domain/166/1 "2017-05-19T08:06:04Z")

</div>

An example:

![](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/dfd558a79b3ac01e31b2524ba81db1bf492b0650.png)

Not yet reproducible with any other instance of Discourse (I experimented with tweets for four other instances).

@staff please, maybe check both:

1. your site assets topic
2. URLs for logos

– do the URLs refer to the assets? Is each asset in a required format? And so on.

Thanks

* * *

If it helps: I do _not_ recall seeing the black lumps around 2017-04-13. So maybe the issue arose from an admin preference that was set some time after that date.

---

<div class="post-metadata">

**Author:** ![jdittrich](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/jdittrich/32/42_2.png) [@jdittrich](https://discourse.opensourcedesign.net/u/jdittrich)\
**Post date:** [May 19, 2017, 4:03pm UTC](https://discourse.opensourcedesign.net/t/twitter-black-rectangle-or-cropping-of-different-types-of-inverted-logo-in-some-tweets-that-refer-to-pages-in-the-discourse-opensourcedesign-net-domain/166/2 "2017-05-19T16:03:45Z")

</div>

I’ll put that on a github issue. Sadly there is no specific repo or so, but I assume It makes sense to have it as a task there: [https://github.com/opensourcedesign/organization/issues/90](https://github.com/opensourcedesign/organization/issues/90)

---

<div class="post-metadata">

**Author:** ![grahamperrin](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/grahamperrin/32/62_2.png) [@grahamperrin](https://discourse.opensourcedesign.net/u/grahamperrin)\
**Post date:** [May 26, 2017, 3:07pm UTC](https://discourse.opensourcedesign.net/t/twitter-black-rectangle-or-cropping-of-different-types-of-inverted-logo-in-some-tweets-that-refer-to-pages-in-the-discourse-opensourcedesign-net-domain/166/3 "2017-05-26T15:07:48Z")

</div>

> [@grahamperrin](#):
>
> … do the URLs refer to the assets? …

[@staff](https://discourse.opensourcedesign.net/groups/staff) please double-check that admin settings do **not** inappropriately refer to items in the `opensourcedesign.net` domain.

From [Assets for the site design](https://discourse.opensourcedesign.net/t/assets-for-the-site-design/7):

> > `4.` … get the path to the uploaded images …  
> > `5.` Paste those image paths into basic settings …

Some of what’s under [black rectangle (no image) in some tweets that refer to pages in the discourse.opensourcedesign.net domain · Issue #90 · opensourcedesign/organization · GitHub](https://github.com/opensourcedesign/organization/issues/90) makes me suspect that some admin settings are not yet making proper use of assets in _Assets for the site design_.

Thanks

---

<div class="post-metadata">

**Author:** ![grahamperrin](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/grahamperrin/32/62_2.png) [@grahamperrin](https://discourse.opensourcedesign.net/u/grahamperrin)\
**Post date:** [May 27, 2017, 3:05pm UTC](https://discourse.opensourcedesign.net/t/twitter-black-rectangle-or-cropping-of-different-types-of-inverted-logo-in-some-tweets-that-refer-to-pages-in-the-discourse-opensourcedesign-net-domain/166/4 "2017-05-27T15:05:09Z")

</div>

## 2017-05-24

![](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/e060c984cf6dfe6152fe8aef2b37f54cf34820ec.png)

## Today

A sign of possible experimentation with a different logo (`opensourcedesign-logo-inverted.png`) but again, it’s not in an expected domain:

![](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/1992718c9446b06f32ed2f15a1eea44c9b8bddca.png)

![](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/4c763b7bde8b5aadb48553190f8b2218c6b0d9a7.png)

## Historical

From a copy of the log (before I retired):

![](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/16c2bc2ea295c665acebe947d29102a8a3563501.png)

– again, there’s the `opensourcedesign.net` domain. From what I recall of site administration (I learnt some time around 2017-04-11), that’s not a proper approach.

Instead: need to make proper use of – and refer to assets within – _Assets for the site design_.

---

<div class="post-metadata">

**Author:** ![jdittrich](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/jdittrich/32/42_2.png) [@jdittrich](https://discourse.opensourcedesign.net/u/jdittrich)\
**Post date:** [May 27, 2017, 3:29pm UTC](https://discourse.opensourcedesign.net/t/twitter-black-rectangle-or-cropping-of-different-types-of-inverted-logo-in-some-tweets-that-refer-to-pages-in-the-discourse-opensourcedesign-net-domain/166/5 "2017-05-27T15:29:57Z")

</div>

> [@grahamperrin](#):
>
> not yet making proper use of assets in Assets for the site design.

OK, I fixed that now.

I must say, that whole post-to-thread, copy URL approach is a bit counterintuitive…

---

<div class="post-metadata">

**Author:** ![grahamperrin](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/grahamperrin/32/62_2.png) [@grahamperrin](https://discourse.opensourcedesign.net/u/grahamperrin)\
**Post date:** [May 27, 2017, 5:05pm UTC](https://discourse.opensourcedesign.net/t/twitter-black-rectangle-or-cropping-of-different-types-of-inverted-logo-in-some-tweets-that-refer-to-pages-in-the-discourse-opensourcedesign-net-domain/166/6 "2017-05-27T17:05:15Z")

</div>

Thanks 👍 I see some improvement already.

Has `default_opengraph_image_url` received attention?

---

<div class="post-metadata">

**Author:** ![grahamperrin](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/grahamperrin/32/62_2.png) [@grahamperrin](https://discourse.opensourcedesign.net/u/grahamperrin)\
**Post date:** [May 28, 2017, 1:17pm UTC](https://discourse.opensourcedesign.net/t/twitter-black-rectangle-or-cropping-of-different-types-of-inverted-logo-in-some-tweets-that-refer-to-pages-in-the-discourse-opensourcedesign-net-domain/166/7 "2017-05-28T13:17:40Z")

</div>

We have [http://iframely.com/debug?uri=https%3A%2F%2Fdiscourse.opensourcedesign.net%2Ft%2Finvision-invisionapp-com%2F189](http://iframely.com/debug?uri=https%3A%2F%2Fdiscourse.opensourcedesign.net%2Ft%2Finvision-invisionapp-com%2F189) for a topic that is linked from [a tweet](https://twitter.com/philipdurbin/status/868795340354400256) that was very recently sent by @pdurbin

@discourse please: might it help to use a smaller logo? Or is the problem more likely a rogue admin setting reference to the image in the `opensourcedesign.net` domain?

![](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/f54812f32f2704ad1fdbb105a6c83dc5a091a055.png)

![](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/d6e9f99f0d2f01706b095638833a84d3d406a241.png)

---

<div class="post-metadata">

**Author:** ![jdittrich](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/jdittrich/32/42_2.png) [@jdittrich](https://discourse.opensourcedesign.net/u/jdittrich)\
**Post date:** [May 28, 2017, 5:09pm UTC](https://discourse.opensourcedesign.net/t/twitter-black-rectangle-or-cropping-of-different-types-of-inverted-logo-in-some-tweets-that-refer-to-pages-in-the-discourse-opensourcedesign-net-domain/166/8 "2017-05-28T17:09:44Z")

</div>

As far as I am concerned, I replaced the logo for twitter with the proper (aka discourse-uploaded) link to the image.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex029/uploads/opensourcedesign/original/1X/8cd739a58030a4afeb37abf872f5ffd3319bbc63.png) [@system](https://discourse.opensourcedesign.net/u/system)\
**Post date:** [May 29, 2017, 4:42pm UTC](https://discourse.opensourcedesign.net/t/twitter-black-rectangle-or-cropping-of-different-types-of-inverted-logo-in-some-tweets-that-refer-to-pages-in-the-discourse-opensourcedesign-net-domain/166/9 "2017-05-29T16:42:19Z")

</div>

I checked the tweet and I think there’s a problem with that specific image:

> <https://twitter.com/philipdurbin/status/868795340354400256>

If you examine Twitter source for that image

`<img class="u-block" data-src=" https://pbs.twimg.com/card_img/868593239225503748/aBtlG5xA?format=png&amp;name=600x314" alt="Photo published for InVision (invisionapp.com)" src=" https://pbs.twimg.com/card_img/868593239225503748/aBtlG5xA?format=png&amp;name=600x314 ">`

The actual image is a black rectangle:

[https://pbs.twimg.com/card\_img/868593239225503748/aBtlG5xA?format=png&name=600x314](https://pbs.twimg.com/card_img/868593239225503748/aBtlG5xA?format=png&name=600x314)

---

<div class="post-metadata">

**Author:** ![grahamperrin](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/grahamperrin/32/62_2.png) [@grahamperrin](https://discourse.opensourcedesign.net/u/grahamperrin)\
**Post date:** [May 29, 2017, 6:00pm UTC](https://discourse.opensourcedesign.net/t/twitter-black-rectangle-or-cropping-of-different-types-of-inverted-logo-in-some-tweets-that-refer-to-pages-in-the-discourse-opensourcedesign-net-domain/166/10 "2017-05-29T18:00:28Z")

</div>

Thanks @discourse the topic that’s referred from [https://twitter.com/philipdurbin/status/868795340354400256](https://twitter.com/philipdurbin/status/868795340354400256) does have a YouTube video in the opening post, and I do recall reading of a case (not this forum) where the presence of a video in a Discourse topic caused a problem in a tweet, but I don’t think that’s the problem here.

[https://twitter.com/opensrcdesign/status/864001489437642752](https://twitter.com/opensrcdesign/status/864001489437642752) from two weeks ago refers to something other than an opening post by @pdurbin and this tweet appears OK, Twitter presents Philip’s avatar on Discourse.

Results of a few more test tweets a few minutes ago:

![](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/5206a9f925670ae437f694952d912d59febb3c8b.png)

![](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/b6fa89cd50e1935f91d374cf8df455c947228002.png)

![](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/5b4611da002b23d8d169f29173330c9157557cec.png)

![](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/ace31ba7252610e62b8c72392c38b8f32950cc9f.png)

![](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/3d09751ef1e9991969497e3afa5bbed512d99e92.png)

The likelihood of a black rectangle appearing when a tweet refers to a topic (not to a numbered post) in this forum suggests to me that there remains an issue, or combination of issues, with local admin settings.

In the related GitHub issue it was observed that something was **extraordinarily** large. Whilst that one thing may be no longer an issue, the first of the five screenshots above does suggest that a more appropriately sized image (not necessarily a logo, not necessarily square) should be applicable somewhere in the admin settings.

HTH

## Maybe useful

[Cards Markup Tag Reference — Twitter Developers](https://dev.twitter.com/cards/markup)

[Summary Card with Large Image — Twitter Developers](https://dev.twitter.com/cards/types/summary-large-image)

2015-07-31:

[https://sproutsocial.com/insights/twitter-cards-guide/](https://sproutsocial.com/insights/twitter-cards-guide/)

2016-08-03:

[The Definitive Guide to Twitter Cards | AdParlor](https://adparlor.com/blog/definitive-guide-twitter-cards/)

* * *

### Side note

@jdittrich sorry for returning to this topic (after the detour to GirHub) but my gut told/tells me that some Discourse staff expertise may be required and it’s easier to address `@discourse` from here.

---

<div class="post-metadata">

**Author:** ![grahamperrin](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/grahamperrin/32/62_2.png) [@grahamperrin](https://discourse.opensourcedesign.net/u/grahamperrin)\
**Post date:** [May 29, 2017, 6:59pm UTC](https://discourse.opensourcedesign.net/t/twitter-black-rectangle-or-cropping-of-different-types-of-inverted-logo-in-some-tweets-that-refer-to-pages-in-the-discourse-opensourcedesign-net-domain/166/11 "2017-05-29T18:59:14Z")

</div>

`https://canada1.discourse-cdn.com/flex029/uploads/opensourcedesign/original/1X/cd87a99dc945baf84d336f187cc0e663c125ad1b.png`

![](https://canada1.discourse-cdn.com/flex029/uploads/opensourcedesign/original/1X/cd87a99dc945baf84d336f187cc0e663c125ad1b.png)

* * *

`https://canada1.discourse-cdn.com/flex029/uploads/opensourcedesign/original/1X/34fcdabbb1fa57f185a38afd18f77512063f2f3b.png`

![](https://canada1.discourse-cdn.com/flex029/uploads/opensourcedesign/original/1X/34fcdabbb1fa57f185a38afd18f77512063f2f3b.png)

* * *

@staff if you like, experiment with the first of those two URLs for one or both of the following:

- `default_opengraph_image_url`
- `twitter_summary_large_image_url`

## Origin

[https://github.com/opensourcedesign/opensourcedesign.github.io/blob/c039be7f78deecabbb9309e49546db923a896a88/images/opensourcedesign-logo-text-narrow.svg](https://github.com/opensourcedesign/opensourcedesign.github.io/blob/c039be7f78deecabbb9309e49546db923a896a88/images/opensourcedesign-logo-text-narrow.svg) imported to GIMP:

1. 300&nbsp;x&nbsp;70 at 72 pixels/inch, canvas heightened to 157
2. 673&nbsp;x&nbsp;157 at 72 ppi.

If the second image (673&nbsp;x&nbsp;157) is used, I suspect that the ratio will cause a Twitter representation to be cropped.

## Rationale

Twitter-specified **minimum** dimensions of 300x157 for `twitter:image`

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex029/uploads/opensourcedesign/original/1X/8cd739a58030a4afeb37abf872f5ffd3319bbc63.png) [@system](https://discourse.opensourcedesign.net/u/system)\
**Post date:** [May 29, 2017, 11:16pm UTC](https://discourse.opensourcedesign.net/t/twitter-black-rectangle-or-cropping-of-different-types-of-inverted-logo-in-some-tweets-that-refer-to-pages-in-the-discourse-opensourcedesign-net-domain/166/12 "2017-05-29T23:16:17Z")

</div>

Not sure; apparently twitter doesn’t like this PNG. If you view source on  
the target page, in the markup you will see:

`<meta name="twitter:image" content=" https://canada1.discourse-cdn.com/flex029/uploads/opensourcedesign/original/1X/8cd739a58030a4afeb37abf872f5ffd3319bbc63.png" />`

Opening the image

[![](https://canada1.discourse-cdn.com/flex029/uploads/opensourcedesign/original/1X/8cd739a58030a4afeb37abf872f5ffd3319bbc63.png) ](https://canada1.discourse-cdn.com/flex029/uploads/opensourcedesign/original/1X/8cd739a58030a4afeb37abf872f5ffd3319bbc63.png)

It is a 512x512 PNG with alpha transparency. It could be the size, or it  
could be the alpha transparency that Twitter doesn’t like.

---

<div class="post-metadata">

**Author:** ![grahamperrin](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/grahamperrin/32/62_2.png) [@grahamperrin](https://discourse.opensourcedesign.net/u/grahamperrin)\
**Post date:** [May 30, 2017, 1:45am UTC](https://discourse.opensourcedesign.net/t/twitter-black-rectangle-or-cropping-of-different-types-of-inverted-logo-in-some-tweets-that-refer-to-pages-in-the-discourse-opensourcedesign-net-domain/166/13 "2017-05-30T01:45:14Z")

</div>

Thanks again.

Also remarkable: the first of [yesterday’s five shots](https://discourse.opensourcedesign.net/t/twitter-black-rectangle-no-image-in-some-tweets-that-refer-to-pages-in-the-discourse-opensourcedesign-net-domain/166/10) appears to be a cropped representation of an **inverted** logo; and earlier (2017-05-27),

> [@grahamperrin](#):
>
> … A sign of possible experimentation with a different logo (opensourcedesign-logo-inverted.png) but again, it’s not in an expected domain: …

Another cropped appearance of the inverted logo: [https://twitter.com/opensrcdesign/status/868205626308087808](https://twitter.com/opensrcdesign/status/868205626308087808)

 ![](https://canada1.discourse-cdn.com/flex029/uploads/opensourcedesign/original/1X/d46f64850780a5b99f7f2efa611095e7b91aba1a.jpg)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex029/uploads/opensourcedesign/original/1X/8cd739a58030a4afeb37abf872f5ffd3319bbc63.png) [@system](https://discourse.opensourcedesign.net/u/system)\
**Post date:** [May 30, 2017, 3:42am UTC](https://discourse.opensourcedesign.net/t/twitter-black-rectangle-or-cropping-of-different-types-of-inverted-logo-in-some-tweets-that-refer-to-pages-in-the-discourse-opensourcedesign-net-domain/166/14 "2017-05-30T03:42:46Z")

</div>

At any rate, one way to deal with this is to put an image in the first post  
that you want to be used when people link to the topic. This also applies  
to individual posts if someone deep links to an individual post, the first  
image in the post is used.

---

<div class="post-metadata">

**Author:** ![grahamperrin](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/grahamperrin/32/62_2.png) [@grahamperrin](https://discourse.opensourcedesign.net/u/grahamperrin)\
**Post date:** [May 30, 2017, 7:00am UTC](https://discourse.opensourcedesign.net/t/twitter-black-rectangle-or-cropping-of-different-types-of-inverted-logo-in-some-tweets-that-refer-to-pages-in-the-discourse-opensourcedesign-net-domain/166/15 "2017-05-30T07:00:50Z")

</div>

> [@discourse](#):
>
> … 512x512 …[/quote]
> 
> This stretch caught my eye, but it will probably be transient (I can blame the peculiarity on a heavily extended Firefox profile):
> 
> ![](https://canada1.discourse-cdn.com/flex029/uploads/opensourcedesign/original/1X/1c7d31029ea2844edf283653351e7acd5f269b7e.png)
> 
> ![](https://canada1.discourse-cdn.com/flex029/uploads/opensourcedesign/original/1X/0ec326a7b885aa84331b71b1979fe744ca263cdd.png)
> 
> [quote=“discourse, post:12, topic:166”]It could be the size, or it could be the alpha transparency that Twitter doesn’t like. …

I don’t disagree but still, my gut tells me that there might be **an issue with an admin setting** referring to something in the `opensourcedesign.net` domain.

With non-extended Firefox 53.0.2:

 ![](https://canada1.discourse-cdn.com/flex029/uploads/opensourcedesign/original/1X/eb19195d2b01f944c002e5564cdf94890781c766.png)

[@staff](https://discourse.opensourcedesign.net/groups/staff), please consider the mixture of:

- secure content (this forum)
- insecure content, the logo from `opensourcedesign.net`

> [@discourse](#):
>
> … put an image …

Sure, but let’s aim to resolve the underlying issue(s).

---

<div class="post-metadata">

**Author:** ![jan](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/jan/32/8_2.png) [@jan](https://discourse.opensourcedesign.net/u/jan)\
**Post date:** [May 30, 2017, 9:28am UTC](https://discourse.opensourcedesign.net/t/twitter-black-rectangle-or-cropping-of-different-types-of-inverted-logo-in-some-tweets-that-refer-to-pages-in-the-discourse-opensourcedesign-net-domain/166/16 "2017-05-30T09:28:32Z")

</div>

I changed the Twitter summary large image to [https://raw.githubusercontent.com/opensourcedesign/opensourcedesign.github.io/master/images/opensourcedesign-logo-text-narrow-inverted.png](https://raw.githubusercontent.com/opensourcedesign/opensourcedesign.github.io/master/images/opensourcedesign-logo-text-narrow-inverted.png) – should look better now as a quick fix.

---

<div class="post-metadata">

**Author:** ![grahamperrin](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/grahamperrin/32/62_2.png) [@grahamperrin](https://discourse.opensourcedesign.net/u/grahamperrin)\
**Post date:** [May 30, 2017, 10:21am UTC](https://discourse.opensourcedesign.net/t/twitter-black-rectangle-or-cropping-of-different-types-of-inverted-logo-in-some-tweets-that-refer-to-pages-in-the-discourse-opensourcedesign-net-domain/166/17 "2017-05-30T10:21:48Z")

</div>

Please, is there a reason for **not** following Discourse’s standard instructions in _Assets for the site design_?

> [@jan](#):
>
> … should look better now as a quick fix. …

Nope, not yet, it’s still black rectangles galore.

Also:

 ![](https://canada1.discourse-cdn.com/flex029/uploads/opensourcedesign/original/1X/cf65918e9e3592241b04be2685835320042c8f6d.png)

 ![](https://canada1.discourse-cdn.com/flex029/uploads/opensourcedesign/original/1X/aaba323a304e292a754b7609f48d816a6faa0a46.png)

---

<div class="post-metadata">

**Author:** ![grahamperrin](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/grahamperrin/32/62_2.png) [@grahamperrin](https://discourse.opensourcedesign.net/u/grahamperrin)\
**Post date:** [June 1, 2017, 2:36am UTC](https://discourse.opensourcedesign.net/t/twitter-black-rectangle-or-cropping-of-different-types-of-inverted-logo-in-some-tweets-that-refer-to-pages-in-the-discourse-opensourcedesign-net-domain/166/18 "2017-06-01T02:36:24Z")

</div>

[@staff](https://discourse.opensourcedesign.net/groups/staff) please try the first of the URLs suggested at [Twitter: black rectangle, or cropping of different types of inverted logo, in some tweets that refer to pages in the discourse.opensourcedesign.net domain - #11 by grahamperrin](https://discourse.opensourcedesign.net/t/-/166/11) above.

> [@jan](#):
>
> … changed the Twitter summary large image to [https://raw.githubusercontent.com/opensourcedesign/opensourcedesign.github.io/master/images/opensourcedesign-logo-text-narrow-inverted.png](https://raw.githubusercontent.com/opensourcedesign/opensourcedesign.github.io/master/images/opensourcedesign-logo-text-narrow-inverted.png) – should look better now as a quick fix.

Amongst the test results:

 ![](https://canada1.discourse-cdn.com/flex029/uploads/opensourcedesign/original/1X/45d1fab94ecbb851638173ec4001e95df07306eb.png)

---

<div class="post-metadata">

**Author:** ![jdittrich](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/jdittrich/32/42_2.png) [@jdittrich](https://discourse.opensourcedesign.net/u/jdittrich)\
**Post date:** [June 1, 2017, 2:44pm UTC](https://discourse.opensourcedesign.net/t/twitter-black-rectangle-or-cropping-of-different-types-of-inverted-logo-in-some-tweets-that-refer-to-pages-in-the-discourse-opensourcedesign-net-domain/166/19 "2017-06-01T14:44:38Z")

</div>

I changed the twitter and the opengraph images to using the URL I copied from the images which I uploaded in the assets thread. If I got it right, this was the recommended way of doing it (? @grahamperrin)

---

<div class="post-metadata">

**Author:** ![grahamperrin](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/grahamperrin/32/62_2.png) [@grahamperrin](https://discourse.opensourcedesign.net/u/grahamperrin)\
**Post date:** [June 1, 2017, 5:22pm UTC](https://discourse.opensourcedesign.net/t/twitter-black-rectangle-or-cropping-of-different-types-of-inverted-logo-in-some-tweets-that-refer-to-pages-in-the-discourse-opensourcedesign-net-domain/166/20 "2017-06-01T17:22:10Z")

</div>

Thanks, that sounds right but most of the previously affected tweets remain affected by blank rectangles.

Also now in some tweets we get a cropped version of a different oversized image:

![](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/7f0f4c2a5c9b70a9e78fb5887431da20221dffc0.png)

Can you tell where, in admin settings, [https://raw.githubusercontent.com/opensourcedesign/opensourcedesign.github.io/master/images/opensourcedesign-logo-text-narrow-inverted.png](https://raw.githubusercontent.com/opensourcedesign/opensourcedesign.github.io/master/images/opensourcedesign-logo-text-narrow-inverted.png) is specified?

That’s in the `raw.githubusercontent.com` domain.

Filtering or browsing the log may prove useful.

Today’s inverted logo (below) from a GitHub domain appears different from a previous inverted logo.

![](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex029/uploads/opensourcedesign/original/1X/d23f1d1ded6e3fcf45879c77d3a62c711f6eab1b.png)

[Next page](https://discourse.opensourcedesign.net/t/twitter-black-rectangle-or-cropping-of-different-types-of-inverted-logo-in-some-tweets-that-refer-to-pages-in-the-discourse-opensourcedesign-net-domain/166.md?page=2)