Home > macOS, Slack > Downloading individual Slack emoji using Safari

Downloading individual Slack emoji using Safari

Thanks to participating in multiple Slack instances, I’ve been in the position more than once where I’ve wanted specific emoji available in one Slack to also be available in another Slack instance. While Slack themselves provide a stock set of emoji for all Slack instances, custom emoji can help you express yourself better. For example, one of my favorites on the MacAdmins Slack instance is :headdesk:, represented by this animated emoji.

Headdesk

While there are solutions to moving emoji en masse, I usually just want to selectively download emojis as I see them. Fortunately, there’s a relatively straightforward way to do that using Safari. For more details, see below the jump.

To download emoji using Safari, you’ll first need to enable Safari’s ability to examine webpage elements:

1. Open Safari.
2. Under the Safari menu, select Preferences…

Screen Shot 2017 03 24 at 4 48 20 PM

3. Select Advanced in the toolbar.

Screen Shot 2017 03 24 at 4 49 46 PM

4. Click the Show Develop in menu bar option.

Screen Shot 2017 03 24 at 2 03 31 PM

5. A new Develop menu should appear.

Screen Shot 2017 03 24 at 2 26 17 PM

Once the Develop menu is available, go to your Slack team’s list of custom emoji.

Screen Shot 2015 07 08 at 4 33 22 PM

Once you have found the emoji you want to download, use the procedure below to download it:

Screen Shot 2017 03 24 at 10 38 09 AM

1. Right click on the emoji image and select Inspect Element.

Screen Shot 2017 03 24 at 10 38 01 AM

2. The Safari web inspector will open and display a block of selected text. Use Copy under the Edit menu to copy the selected block.

Screen Shot 2017 03 24 at 10 38 45 AM

3. Paste the block into a convenient text editor.
4. Select and copy the image URL in the block of text.

Screen Shot 2017 03 24 at 10 36 23 AM

5. Paste the URL into a browser address bar and click the Return key to load the link.
6. The emoji should appear in your browser window.

Screen Shot 2017 03 24 at 2 16 47 PM

7. Download the emoji image to a convenient location.

Screen Shot 2017 03 24 at 5 00 09 PM

At this point, the emoji is ready for upload to other Slack instances.

Categories: macOS, Slack
  1. March 27, 2017 at 12:34 pm

    Don’t forget to consider github, where you can find many emoji packs waiting for your perusal.

    https://www.google.com/search?q=github+slack+emoji

  2. March 27, 2017 at 8:34 pm

    Alternately, instead of finding the emoji URL in the source, you can switch to the Resources tab and enter “emoji” in the Filter Resource List. You can quickly scan through the images using the arrow keys and once you find one you want, drag it to a location in the Finder where it’ll be named “Unknown.png” (or whatever filename extension it had). You can also right-click the image in the Resource tab and choose Copy Image to copy it to the clipboard but then you have to have an appropriate place to paste it.

  3. May 3, 2017 at 1:45 am

    The scripts on the link above can be used in conjunction with the Slack Emoji Tools Google Chrome extension to export emojis from one Slack team and import into another team. They work gloriously.

    • May 3, 2017 at 1:56 am

      Basically you login to your team through the browser, then go to https://.slack.com/customize/emoji and you run the contents of extract.js on the browser’s dev tools javascript console.

      Then at the bottom of the page, you will get the JSON of all the emoji data. Copy and Paste the json into a file and use the download.sh script with it. You need to chmod a+x download.sh and you also need to install jq utility for parsing JSON from the command line
      which you can get from https://stedolan.github.io/jq/download/ or alternatively you can install from homebrew

      Then all you do is ./download.sh myemojitext.txt and it parses all that…

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: