# Open Graph image for the Julia repository

**URL:** <https://discourse.julialang.org/t/open-graph-image-for-the-julia-repository/23384>\
**Category:** Community\
**Created:** [April 22, 2019, 12:22am UTC](https://discourse.julialang.org/t/open-graph-image-for-the-julia-repository/23384 "2019-04-22T00:22:07Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Keno](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/keno/32/285_2.png) [@Keno](https://discourse.julialang.org/u/Keno)\
**Post date:** [April 22, 2019, 12:22am UTC](https://discourse.julialang.org/t/open-graph-image-for-the-julia-repository/23384/1 "2019-04-22T00:22:07Z")

</div>

GitHub now supports custom Open Graph images that will show up if links to the Julia repository are embedded in social media (twitter, etc.):

> **[Custom Open Graph Images for repositories](https://github.blog/2019-04-17-custom-open-graph-images-for-repositories/)**
>
> Today, we're introducing Custom Open Graph Images to all repositories on GitHub.com.

If somebody wants to come up with a nice design, I’ll happily set it up on the Julia repo.

---

<div class="post-metadata">

**Author:** ![Keno](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/keno/32/285_2.png) [@Keno](https://discourse.julialang.org/u/Keno)\
**Post date:** [April 22, 2019, 12:23am UTC](https://discourse.julialang.org/t/open-graph-image-for-the-julia-repository/23384/2 "2019-04-22T00:23:26Z")

</div>

This is the template that GitHub suggests (size wise):

 ![repository-open-graph-template](https://global.discourse-cdn.com/julialang/original/3X/d/9/d9db9b8cd3d1d5d197ec8b37e82f4d324d0a2402.png)

---

<div class="post-metadata">

**Author:** ![cormullion](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/cormullion/32/49131_2.png) [@cormullion](https://discourse.julialang.org/u/cormullion)\
**Post date:** [April 22, 2019, 11:30am UTC](https://discourse.julialang.org/t/open-graph-image-for-the-julia-repository/23384/3 "2019-04-22T11:30:23Z")

</div>

I’ve no idea what information you want here, so I’ll just leave something colourful and perhaps others can suggest more informative text or whatever…

 ![julia-open-graph](https://global.discourse-cdn.com/julialang/original/3X/e/1/e18989f9a4e4579a49e304b7d2fc970e5cd0c80b.png)

---

<div class="post-metadata">

**Author:** ![Keno](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/keno/32/285_2.png) [@Keno](https://discourse.julialang.org/u/Keno)\
**Post date:** [April 22, 2019, 4:58pm UTC](https://discourse.julialang.org/t/open-graph-image-for-the-julia-repository/23384/4 "2019-04-22T16:58:29Z")

</div>

Let me put it in and we’ll see how it looks in context.

---

<div class="post-metadata">

**Author:** ![Keno](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/keno/32/285_2.png) [@Keno](https://discourse.julialang.org/u/Keno)\
**Post date:** [April 22, 2019, 5:11pm UTC](https://discourse.julialang.org/t/open-graph-image-for-the-julia-repository/23384/5 "2019-04-22T17:11:23Z")

</div>

Seems to work in slack, but is a bit small:

![08%20PM](https://global.discourse-cdn.com/julialang/original/3X/8/5/85f50bbb0efac417d8f3f4237366153ab12ad6e6.png)

I think it’s bigger on things like twitter or facebook, but I haven’t yet been able to get that to actually pick it up. Perhaps there is some caching.

---

<div class="post-metadata">

**Author:** ![kristoffer.carlsson](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/kristoffer.carlsson/32/22_2.png) [@kristoffer.carlsson](https://discourse.julialang.org/u/kristoffer.carlsson)\
**Post date:** [April 22, 2019, 6:29pm UTC](https://discourse.julialang.org/t/open-graph-image-for-the-julia-repository/23384/6 "2019-04-22T18:29:25Z")

</div>

All the small features doesn’t seem to lend itself so well to an image that might be quite small.

---

<div class="post-metadata">

**Author:** ![cormullion](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/cormullion/32/49131_2.png) [@cormullion](https://discourse.julialang.org/u/cormullion)\
**Post date:** [April 22, 2019, 6:38pm UTC](https://discourse.julialang.org/t/open-graph-image-for-the-julia-repository/23384/7 "2019-04-22T18:38:40Z")

</div>

Yes, I thought 1280 by 680 or whatever was too good to be true… 🙂

---

<div class="post-metadata">

**Author:** ![Keno](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/keno/32/285_2.png) [@Keno](https://discourse.julialang.org/u/Keno)\
**Post date:** [April 22, 2019, 9:15pm UTC](https://discourse.julialang.org/t/open-graph-image-for-the-julia-repository/23384/8 "2019-04-22T21:15:14Z")

</div>

Here is what it looks like on facebook now (after I found the button to hit to invalidate their og cache):

 ![55%20PM](https://global.discourse-cdn.com/julialang/original/3X/7/c/7c9ccbe572e562e4f1371b38b7ecd4661971bc3e.png)

There the smaller features are indeed visible, though I think the contrast around the logo is a bit low.

---

<div class="post-metadata">

**Author:** ![Keno](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/keno/32/285_2.png) [@Keno](https://discourse.julialang.org/u/Keno)\
**Post date:** [April 22, 2019, 9:17pm UTC](https://discourse.julialang.org/t/open-graph-image-for-the-julia-repository/23384/9 "2019-04-22T21:17:48Z")

</div>

And here’s twitter:

![11%20PM](https://global.discourse-cdn.com/julialang/original/3X/3/8/384ccb9329b1f702835c9764d60dc68a37344cd8.png)

I think the sides look a bit empty. I think we should make the logo fill up most of the space. Perhaps a subtle background that’s visible when displayed large like this, but unobtrusive if scaled down.

---

<div class="post-metadata">

**Author:** ![mbauman](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/mbauman/32/31082_2.png) [@mbauman](https://discourse.julialang.org/u/mbauman)\
**Post date:** [April 22, 2019, 9:23pm UTC](https://discourse.julialang.org/t/open-graph-image-for-the-julia-repository/23384/10 "2019-04-22T21:23:04Z")

</div>

I like the relatively less busy SO ad from last year. Of course its dimensions are different, but it seems like the right idea to me:

[![](https://global.discourse-cdn.com/julialang/original/3X/b/1/b164a23c82363e95784e25453d98196dd6c168ce.png)](https://meta.stackoverflow.com/a/363739/176071)

---

<div class="post-metadata">

**Author:** ![cormullion](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/cormullion/32/49131_2.png) [@cormullion](https://discourse.julialang.org/u/cormullion)\
**Post date:** [April 23, 2019, 7:42am UTC](https://discourse.julialang.org/t/open-graph-image-for-the-julia-repository/23384/11 "2019-04-23T07:42:11Z")

</div>

I confess I do get carried away with all the nice things that Julia can draw, so I’m struggling to restrain myself here… 🙂

![julia-open-graph](https://sea2.discourse-cdn.com/julialang/images/transparent.png)

I thought this inverse one was kind of cool, but it’s off the official path a bit…

 ![julia-open-graph-inverse](https://global.discourse-cdn.com/julialang/original/3X/1/2/1213936d2748ba4b3b1fa5b4fc8a3e1af7685a2a.png)

OK, here’s the less colorful one you probably want:

 ![julia-open-graph-plain](https://global.discourse-cdn.com/julialang/original/3X/8/5/85b5de0a9b1b5babecd294c7d648c18875ee7fc5.jpeg)

---

<div class="post-metadata">

**Author:** ![carstenbauer](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/carstenbauer/32/4981_2.png) [@carstenbauer](https://discourse.julialang.org/u/carstenbauer)\
**Post date:** [April 23, 2019, 8:02am UTC](https://discourse.julialang.org/t/open-graph-image-for-the-julia-repository/23384/12 "2019-04-23T08:02:06Z")

</div>

FWIW, I love the first one (of the three)!

---

<div class="post-metadata">

**Author:** ![pfitzseb](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/pfitzseb/32/45566_2.png) [@pfitzseb](https://discourse.julialang.org/u/pfitzseb)\
**Post date:** [April 23, 2019, 8:04am UTC](https://discourse.julialang.org/t/open-graph-image-for-the-julia-repository/23384/13 "2019-04-23T08:04:41Z")

</div>

I really like the first one as well! Nitpick, but how does it look with “the” and “programming language” in the same font size?

---

<div class="post-metadata">

**Author:** ![cormullion](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/cormullion/32/49131_2.png) [@cormullion](https://discourse.julialang.org/u/cormullion)\
**Post date:** [April 23, 2019, 8:19am UTC](https://discourse.julialang.org/t/open-graph-image-for-the-julia-repository/23384/14 "2019-04-23T08:19:49Z")

</div>

Might be better, although the “the” might start to look a bit lost?

 ![13](https://global.discourse-cdn.com/julialang/original/3X/8/8/881d0b41073c48c9b9fa9ad1a0ee0ed7435de139.png)

---

<div class="post-metadata">

**Author:** ![Keno](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/keno/32/285_2.png) [@Keno](https://discourse.julialang.org/u/Keno)\
**Post date:** [April 24, 2019, 6:33am UTC](https://discourse.julialang.org/t/open-graph-image-for-the-julia-repository/23384/15 "2019-04-24T06:33:41Z")

</div>

I’ve set up the first one. I think it works fairly well, but let’s see how it works out in practice. Thanks as always for your creativity @cormullion!

---

<div class="post-metadata">

**Author:** ![Keno](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/keno/32/285_2.png) [@Keno](https://discourse.julialang.org/u/Keno)\
**Post date:** [April 24, 2019, 6:42am UTC](https://discourse.julialang.org/t/open-graph-image-for-the-julia-repository/23384/16 "2019-04-24T06:42:10Z")

</div>

I’m wondering if we should move the text over to the left a little bit. I don’t have something concrete, but the weight of the image feels a little lop-sided to the right.

---

<div class="post-metadata">

**Author:** ![cormullion](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/cormullion/32/49131_2.png) [@cormullion](https://discourse.julialang.org/u/cormullion)\
**Post date:** [April 24, 2019, 7:52am UTC](https://discourse.julialang.org/t/open-graph-image-for-the-julia-repository/23384/17 "2019-04-24T07:52:16Z")

</div>

Yes, as the logo gets bigger and darker it gets more difficult to optically center it! (Its asymmetry makes positioning it tricky… The brighter colors on the right side move the optical center to the right, but then the tail of the “j” moves it back a bit. (And the rest of the graphics are asymmetrical too, and sloping to boot… 🙂 )

My usual preference is to make the distance from the left edge to the start of the “j” the same distance from the end of the “a” to the right side. However, it’s just a very slight preference, and I’ll admit that centering in the middle of the “l” is good too. I could move it around all day and never be quite happy. Or to put it another way, I’m happy either way!

Current version | Next version?

 ![35](https://global.discourse-cdn.com/julialang/original/3X/2/a/2ad7b3b2d0f9378ac97b6aa380084d2493203a49.jpeg)

---

<div class="post-metadata">

**Author:** ![carstenbauer](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/carstenbauer/32/4981_2.png) [@carstenbauer](https://discourse.julialang.org/u/carstenbauer)\
**Post date:** [April 24, 2019, 8:04am UTC](https://discourse.julialang.org/t/open-graph-image-for-the-julia-repository/23384/18 "2019-04-24T08:04:12Z")

</div>

Offtopic: Would it be too much to ask if you could create a wallpaper version of this nice image? 😍🙂 By that I mean higher resolution, typical aspect ratios and shrinking the logo a bit so that it doesn’t dominate the whole screen.

You could also provide the svg and people can rescale the image themselves but that wouldn’t look as nice I guess.

---

<div class="post-metadata">

**Author:** ![cormullion](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/cormullion/32/49131_2.png) [@cormullion](https://discourse.julialang.org/u/cormullion)\
**Post date:** [April 24, 2019, 8:25am UTC](https://discourse.julialang.org/t/open-graph-image-for-the-julia-repository/23384/19 "2019-04-24T08:25:13Z")

</div>

Nice idea! I’ll upload some to [Flickr](https://www.flickr.com/photos/153311384@N03/) later today or perhaps tomorrow.

Edit: I ran the code through a selection of sizes. Some of the sizes look odd to me, but perhaps one or two will fit? Find me by message if you want anything, to save clogging the discourse… 🙂

```julia
sizes = [
    (960, 600),
    (1024, 640),
    (1280, 480),
    (1280, 720),
    (1280, 800),
    (1280, 800),
    (1344, 840),
    (1440, 900),
    (1440, 900),
    (1600, 600),
    (1600, 1000),
    (1680, 1050),
    (1680, 1050),
    (1920, 1080),
    (1920, 1080),
    (1920, 1080),
    (1920, 1200),
    (1920, 1200),
    (2048, 768),
    (2304, 864),
    (2560, 960),
    (2560, 1024),
    (2560, 1440),
    (2560, 1600),
    (2880, 1800),
    (3200, 1200),
    (5120, 2880)]

for size in sizes
    w, h = size
    makewallpaper(w, h, "/tmp/wallpaper-$w-$h.png")
end

```

---

<div class="post-metadata">

**Author:** ![kristoffer.carlsson](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/kristoffer.carlsson/32/22_2.png) [@kristoffer.carlsson](https://discourse.julialang.org/u/kristoffer.carlsson)\
**Post date:** [April 24, 2019, 2:49pm UTC](https://discourse.julialang.org/t/open-graph-image-for-the-julia-repository/23384/20 "2019-04-24T14:49:01Z")

</div>

Personally, I don’t think the current image work very well in the small format it is often presented. The small features make some kind of moiré pattern when being upscaled and 90% of the text is unreadable. I would guess that a image with no small features in the background (like the 101010 that are in some of) and with less text (only “julia”) would work better. The julia icon is “iconic” enough so that it doesn’t have to be explained what it is in the logo imo.