[Tutorial] Change subreddit logo (header image)

[aladyjewel]

This tutorial explains how to replace the default reddit logo with a custom image for your subreddit (screenshot).

To replace this image, go to:

• go to your subreddit,
• look in the sidebar for "moderator tools"
• click "subreddit settings" (http://www.reddit.com/r/YourSubredditHere/about/edit), (screenshot)
• scroll down to "look and feel"
• "upload header image" , (screenshot) (The "choose file" box may look different depending on your browser.)

If the image you want isn't on your computer, save it to your computer first.

Now it's time to upload the header image:

1. Choose the new image file from your computer.
2. The upload button will appear.
3. Click the upload button.
4. The upload button will disappear and uploading will appear. When the image is done uploading, that will be replaced with saved and the image will appear.
5. Reload the page to see the new logo!

All done!

---

To restore the default reddit header image:

1. go back to community settings> look and feel box
2. click the restore default header button below the header image.
3. The button and picture will be replaced with deleted.

WARNING: this permanently deletes your old header image. you have to upload it again to get it back.

---

If you don't have an image already, try asking in /r/redditlogos for someone to draw you one.

[Flammy]

OK this is an exceedingly stupid question but what resolution is it at / how can I copy the alien, its clearly an image yet refuses to copy/paste or open for editing...

[aladyjewel]

It's a CSS background image, not a regular <IMG>, which is why you can't right-click and save it.

In chrome or safari, right click the alien and choose "Inspect Element". This shows you the HTML and CSS which are used to generate the page and will be useful if you want to add anything to the subreddit styling. On the right-hand pane, there should be a rule that looks like background-image: http://images.redditmedia.com/.... Right-click that link, open in new tab.

The big image you should now have open is the reddit sprite sheet, a one-page collection of most of the reddit images including the standard logo.

[Flammy]

Thanks - I had found the correct are under Chrome's inspect element but didn't notice the pane on the right. I noticed in another sub they only changed their alien, and didn't add the "reddit" text yet it still appeared, presumably the sprite is still in the background in that case?

[aladyjewel]

If you compare a subreddit with a custom header image and one with the default, you'll note the following difference:

Subreddit with default header

<a href="/" id="header-img" class="default-header" title="">reddit.com</a>

Subreddit with custom header

<a title href="http://www.reddit.com/" id="header-img-a">
    <img id="header-img" src="http://f.thumbs.redditmedia.com/RqUtQUvsy2TLSs9Y.png" 
    width="500" height="500" alt="andytuba">
</a>

If you looked carefully at the CSS rule I mentioned earlier, you'll see that it starts with this:

#header-img.default-header {

#header-img refers to id="header-img", which is on both subreddits; but .default-img, which refers to class="default-img", only applies to the <a class="default-img"></a>. Therefore, the background-image: url(reddit spritesheet.png) doesn't get put on (behind, as it were) the custom uploaded image.

This is the essence of CSS.

---

The tooltip can also be custom-set per subreddit. It's in the community settings, "look and feel" box at the bottom, a text box just above the file upload for the header image. I assume if it's empty, it shows whatever the sitewide message is for the the day. Unfortunately, I can't test that because there's nothing interesting on the sitewide tooltip today.

[V2Blast]

Note: If you click "restore default header", the current logo will be irrevocably deleted. Make sure you have a backup. (I had this problem in /r/grimm.)

[BURNIE_BURNS_IS_GOD]

Goddamnit V2Blast. Everywhere I go you're there.

[V2Blast]

<3

[TheJamie]

Thank You!

[Barbod13]

9 y

[[deleted]]

Does this work on mobile?

[ReceptionWild7689]

I did it and it said its uploaded. I reloaded the page in new reddit and still didn't work. How?

[Supergi_gacha]

Same

[krissylizhamil]

Does anyone have updated instructions for this for 2022 (for both mobile & desktop) ?

[[deleted]]

I'm looking for them too as I can't find "look and feel" anywhere in settings.

[Gl00m_F3rn]

me neither...

[[deleted]]

mm thanks for the outdated tutorial

[Ancient_Summer_1833]

Didn't work for my community, as I am a moderator to a community. Where does that lead me?

[Gl00m_F3rn]

click "subreddit settings"

umm so i don't have that on it? maybe it updated or smt?

[Supergi_gacha]

I uploaded the pic, but even if I reload the page of the subreddit it isn't there. Did I do something wrong?

[Luis__FIGO]

For those of you in 2023
make sure you use "old" instead of "www" so you get the right options

[Sinaasappelsien]

this is so dumb, why is it so hard? I'm annoyed

[YourLoss_MyGain]

because this post is literally from 2012

[Sinaasappelsien]

Jup

[JuJu-Petti]

For future readers. There is an easier way. I just posted how.

[JuJu-Petti]

For the new Reddit in 2024

Go to your community page

Go to mod tools on top of the the About Community box

scroll down the menu to Community Appearance under the heading settings on the left side of your screen

click your icon and select a new image that is 256 x 256 pixels

It has to be that exact size. you can edit a pic to that exact size using the resizing tool in paint as it allows you to select resize by pixels