# Open graph image not displaying unsupported media type

**URL:** https://meta.discourse.org/t/open-graph-image-not-displaying-unsupported-media-type/69804
**Category:** Support
**Created:** [2017年九月11日 11:21 UTC](https://meta.discourse.org/t/open-graph-image-not-displaying-unsupported-media-type/69804 "2017-09-11T11:21:58Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![dustinmatlock](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dustinmatlock/32/78358_2.png) [@dustinmatlock](https://meta.discourse.org/u/dustinmatlock)
#### Post date: [2017年九月11日 11:21 UTC](https://meta.discourse.org/t/open-graph-image-not-displaying-unsupported-media-type/69804/1 "2017-09-11T11:21:58Z")

</div>

Hello, I’m trying to figure out why an open graph image isn’t getting displayed on Slack as a preview. I’ve tested it on all other social platforms and it works fine. Facebook’s debugger tool works fine, but iframely provides and error of unsupported media type.

[https://www.haskellforum.com](https://www.haskellforum.com)

Thanks.

---

<div class="post-metadata">

### Author: ![dustinmatlock](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dustinmatlock/32/78358_2.png) [@dustinmatlock](https://meta.discourse.org/u/dustinmatlock)
#### Post date: [2017年九月11日 20:44 UTC](https://meta.discourse.org/t/open-graph-image-not-displaying-unsupported-media-type/69804/2 "2017-09-11T20:44:31Z")

</div>

Could someone provide some quick advice on this? @codinghorror @sam

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [2017年九月11日 21:41 UTC](https://meta.discourse.org/t/open-graph-image-not-displaying-unsupported-media-type/69804/3 "2017-09-11T21:41:06Z")

</div>

> [@dustinmatlock](#):
>
> but iframely provides and error of unsupported media type.

That’s the error, then.. I usually use [Iframely URL Debugger - Open Graph, Twitter Cards, oEmbed](http://iframely.com/debug) for testing.

---

<div class="post-metadata">

### Author: ![dustinmatlock](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dustinmatlock/32/78358_2.png) [@dustinmatlock](https://meta.discourse.org/u/dustinmatlock)
#### Post date: [2017年九月11日 22:03 UTC](https://meta.discourse.org/t/open-graph-image-not-displaying-unsupported-media-type/69804/4 "2017-09-11T22:03:29Z")

</div>

@codinghorror that’s what I was trying to explain. It doesn’t make it that far.

 ![23 PM](https://global.discourse-cdn.com/meta/original/3X/e/2/e2c547bb8f7d8d20f6aa79fc055f31ae5d5e61e0.png)

It reports error 417 - unsupported media type.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [2017年九月11日 22:16 UTC](https://meta.discourse.org/t/open-graph-image-not-displaying-unsupported-media-type/69804/5 "2017-09-11T22:16:29Z")

</div>

No repro, works fine on my instance (self-hosted)?

[http://iframely.com/debug?uri=https%3A%2F%2Fdiscourse.codinghorror.com%2F](http://iframely.com/debug?uri=https%3A%2F%2Fdiscourse.codinghorror.com%2F)

---

<div class="post-metadata">

### Author: ![dustinmatlock](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dustinmatlock/32/78358_2.png) [@dustinmatlock](https://meta.discourse.org/u/dustinmatlock)
#### Post date: [2017年九月11日 22:19 UTC](https://meta.discourse.org/t/open-graph-image-not-displaying-unsupported-media-type/69804/6 "2017-09-11T22:19:35Z")

</div>

> [@codinghorror](#):
>
> No repro, works fine on my instance (self-hosted)?

I’m hosting on Linode. Had to install the aufs module. Here’s what I followed:

> [@Install Docker with AUFS on Linode](https://meta.discourse.org/t/how-to-install-docker-with-aufs-on-linode/39831):
>
> The [30-minute Discourse installation guide](https://github.com/discourse/discourse/blob/master/docs/INSTALL-cloud.md) assumes you’ll be using Digital Ocean and makes no mention of an important requirement for Docker: If you use another hosting provider, you should really make sure that a Linux kernel feature called “[AUFS](https://docs.docker.com/engine/userguide/storagedriver/aufs-driver/)” is supported. Docker not using AUFS can cause [terrible pain](https://meta.discourse.org/t/cant-install-discourse-with-only-10-gb-disk-run-out-of-space/29149/37). If you want to use Linode, here’s how to enable AUFS support in Ubuntu (for other OSes, refer to [Linode’s guide](https://www.linode.com/docs/tools-reference/custom-kernels-distros/run-a-distribution-supplied-kernel-with-kvm) and update the instructions below accordingly: Create the Linode and pic…

On Facebook’s tool it works perfect. I only can’t figure out why the image doesn’t show on Slack.

> **[Sharing Debugger - Meta for Developers](https://developers.facebook.com/tools/debug/?q=https%3A%2F%2Fwww.haskellforum.com%2F)**

 ![48 PM](https://global.discourse-cdn.com/meta/original/3X/3/3/33f61e03c850c564ed8b25c722c65ee02c54e0e4.jpg)

---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [2017年九月12日 08:34 UTC](https://meta.discourse.org/t/open-graph-image-not-displaying-unsupported-media-type/69804/7 "2017-09-12T08:34:12Z")

</div>

Maybe your image is too big? It’s 1200x1200 which is huge for a thumbnail.

---

<div class="post-metadata">

### Author: ![dustinmatlock](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dustinmatlock/32/78358_2.png) [@dustinmatlock](https://meta.discourse.org/u/dustinmatlock)
#### Post date: [2017年九月12日 14:50 UTC](https://meta.discourse.org/t/open-graph-image-not-displaying-unsupported-media-type/69804/8 "2017-09-12T14:50:52Z")

</div>

> [@zogstrip](#):
>
> Maybe your image is too big? It’s 1200x1200 which is huge for a thumbnail.

OG Images are often very large. Most recommend 1200 x 630 but other sources say 1200 x 1200 because certain platforms have a square ratio. I contacted Slack to understand why it doesn’t show up, but that still doesn’t explain why Iframely is having issues with it.

@codinghorror ~~I don’t understand why the need to debug an image that’s added through the admin panel. No code has been modified other than logo size on mobile using CSS.~~ I almost think it has something to do with the web server or possibly CloudFlare settings.

---

<div class="post-metadata">

### Author: ![dustinmatlock](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dustinmatlock/32/78358_2.png) [@dustinmatlock](https://meta.discourse.org/u/dustinmatlock)
#### Post date: [2017年九月12日 17:48 UTC](https://meta.discourse.org/t/open-graph-image-not-displaying-unsupported-media-type/69804/9 "2017-09-12T17:48:54Z")

</div>

The wonderful support team at Slack helped me solve the issue. It was CloudFlare’s hotlinking setting blocking access. Hope this thread helps someone else. Thanks to all who helped me with this. Loving Discourse!

---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [2017年九月12日 20:50 UTC](https://meta.discourse.org/t/open-graph-image-not-displaying-unsupported-media-type/69804/10 "2017-09-12T20:50:14Z")

</div>


