# Oneboxing uses full size thumbnail images

**URL:** https://meta.discourse.org/t/oneboxing-uses-full-size-thumbnail-images/112603
**Category:** UX
**Created:** [3월 26, 2019, 1:33오후 UTC](https://meta.discourse.org/t/oneboxing-uses-full-size-thumbnail-images/112603 "2019-03-26T13:33:00Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![Dannii](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dannii/32/129087_2.png) [@Dannii](https://meta.discourse.org/u/Dannii)
#### Post date: [3월 26, 2019, 1:33오후 UTC](https://meta.discourse.org/t/oneboxing-uses-full-size-thumbnail-images/112603/1 "2019-03-26T13:33:01Z")

</div>

For example: [This topic](https://intfiction.org/t/microsoft-textworld/40929) has a oneboxed link with a 1408x528 pixel 640kb image, which is way more than is needed for the 129x48 pixel thumbnail that is shown, even accounting for a 2X or 3X pixel density.

Can oneboxing process the image to shrink it to a more reasonable size? The image is stored locally, so it should be possible.

---

<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: [3월 26, 2019, 8:27오후 UTC](https://meta.discourse.org/t/oneboxing-uses-full-size-thumbnail-images/112603/2 "2019-03-26T20:27:07Z")

</div>

Based on those dimensions and file size it sounds like it should be a jpg from the source, but is instead a png?

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [3월 26, 2019, 9:09오후 UTC](https://meta.discourse.org/t/oneboxing-uses-full-size-thumbnail-images/112603/3 "2019-03-26T21:09:40Z")

</div>

But what if you prefer a differently formatted one-box with a larger image? I could see that happening at some point.

Also, I would be a bit nervous about a change in behaviour here … the popular Topic List Previews plugin uses these images to create large previews on the Topic List (just as Facebook (and Fakebook!) does). They would look pretty awful at significantly lower resolution. We’d at least need a way to recall the original, generously proportioned, open graph image url on a rebake.

(btw, as aside checkout my How To which is rather pertinent given the Forum you link:

[Turning a topic into interactive fiction ;)](https://meta.discourse.org/t/turning-a-topic-into-interactive-fiction/87885))

---

<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: [3월 26, 2019, 11:39오후 UTC](https://meta.discourse.org/t/oneboxing-uses-full-size-thumbnail-images/112603/4 "2019-03-26T23:39:35Z")

</div>

Looking more closely, this is an animated GIF so that is kinda expected here. I don’t think your request makes a lot of sense without the additional context. This isn’t just an “image”, it’s a small movie.

---

<div class="post-metadata">

### Author: ![Dannii](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dannii/32/129087_2.png) [@Dannii](https://meta.discourse.org/u/Dannii)
#### Post date: [3월 26, 2019, 11:50오후 UTC](https://meta.discourse.org/t/oneboxing-uses-full-size-thumbnail-images/112603/5 "2019-03-26T23:50:41Z")

</div>

The format of the image doesn’t matter, this is just the first example I found. [Here’s an example with a JPG](https://intfiction.org/t/ludonarracon/40890): it has a 744kb 1080p image which it shows in a 60x60px thumbnail.

What I expected is that it gets resized, like an attachment would be, perhaps to a height of 180px (for 3X pixel density displays). When I do that manually it drops to 31kb, 4% of the original file size!

@merefield raises an interesting point about Topic List Previews and Fakebook. Still, I think the default behaviour should be to resize them.

---

<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: [3월 26, 2019, 11:55오후 UTC](https://meta.discourse.org/t/oneboxing-uses-full-size-thumbnail-images/112603/6 "2019-03-26T23:55:07Z")

</div>

Something is wrong with their twitter integration. See how it looks here

> <https://twitter.com/FellowTravellr/status/1105483650336874496>

---

<div class="post-metadata">

### Author: ![Dannii](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dannii/32/129087_2.png) [@Dannii](https://meta.discourse.org/u/Dannii)
#### Post date: [3월 27, 2019, 12:08오전 UTC](https://meta.discourse.org/t/oneboxing-uses-full-size-thumbnail-images/112603/7 "2019-03-27T00:08:40Z")

</div>

Huh. Well we haven’t changed any settings to do with Twitter or oneboxing. No non-standard plugins or theme components aside from copy-to-clipboard.

Let me try another post:

> **[Silent Co, LLC.](https://silent.co/)**

Okay, that still embeds a 720p image.

---

<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: [3월 27, 2019, 12:14오전 UTC](https://meta.discourse.org/t/oneboxing-uses-full-size-thumbnail-images/112603/8 "2019-03-27T00:14:55Z")

</div>

I am guessing you didn’t set up Twitter API for twitter login? That’s required to get proper Twitter oneboxing in my experience, even if you don’t plan to let users use their Twitter accounts to log in, although that is a nice benefit.

It really doesn’t matter if the image is 500k in today’s world, to be honest. And with retina devices being so common, you want a 2x sized image anyhow in most cases.

---

<div class="post-metadata">

### Author: ![Dannii](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dannii/32/129087_2.png) [@Dannii](https://meta.discourse.org/u/Dannii)
#### Post date: [3월 27, 2019, 12:18오전 UTC](https://meta.discourse.org/t/oneboxing-uses-full-size-thumbnail-images/112603/9 "2019-03-27T00:18:35Z")

</div>

Yeah, no Twitter API. I’ll consider it, thanks!

And I guess you’re right. Though I bet sooner or later it will be shoving a multi-mb 4K image into a tiny 60px thumbnail 😉

---

<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: [3월 27, 2019, 12:24오전 UTC](https://meta.discourse.org/t/oneboxing-uses-full-size-thumbnail-images/112603/10 "2019-03-27T00:24:09Z")

</div>

Right but this is a bit of a micro-optimization at the current time. And honestly if the source is doing something inappropriate, the source should fix itself for the betterment of the whole web.

---

<div class="post-metadata">

### Author: ![Dannii](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dannii/32/129087_2.png) [@Dannii](https://meta.discourse.org/u/Dannii)
#### Post date: [3월 27, 2019, 12:27오전 UTC](https://meta.discourse.org/t/oneboxing-uses-full-size-thumbnail-images/112603/11 "2019-03-27T00:27:56Z")

</div>

Right, Discourse doesn’t guess which image to use, it takes what the `og:image` meta property says to use. So it is up to the source to be telling us to onebox a sensible image. Okay, thanks for helping me understand more.
