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.

  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: