Getting Started with the Media Bot for Slack

Let's get started with the Massless Media Bot. After installing the Slack App, open Slack, and start a Direct Message with @mediabot. The Media Bot works by looking for action words, parameters, and attachment types.

  • Action Words - The first word in the message can be an action word like resize or crop.
  • Parameters - Words that follow are treated as parameters or settings for the action. For instance, resize 500 will resize an image or video to 500 px wide while maintaing aspect ratio.
  • Attachment Types - The Media Bot looks at the attachment types and the action word to understand what to do. For instance, attaching a
    MP4
    , writing gif, and sending the message will convert the mp4 to gif.
This means you can simply attach whatever file you have and write what you want. Write and send help to see the words the Media Bot understands. Let's try a few examples:

Generate a Face

Write generate face and send to @mediabot to generate a photorealistic face using AI. This is a perfect holding image when designing a website, brochure, or profile page. See the generate support page for more information.

Generate Artwork

We can use AI to generate unique works of art. Write generate art and send to @mediabot. This image could be used as a background, a layer mask for text, a texture for a 3d model, or perhaps even a style for style transfer.

Generate a Cat

And for fun, try sending generate cat to generate a new photorealistic new digital feline friend 😉.

Remove Background

Attach an image in

JPG
or
PNG
format, write removebg and send to @mediabot to use AI to automatically remove the background. The result will be a transparent
PNG
. Using AI can save hours compared to cutting out the subject of an image using Photoshop. This is a common stage when
  • Creating profile pictures
  • Preparing product photos for websites or documents
  • Generating logos with and backgrounds for slides
  • Replacing backgrounds in photos
  • Layering multiple photos to create new scenes
See the remove background support page for more information.

Upscale

Often we find ourselves with the right image, but the resolution isn't high enough. This is particularly important for retina displays where applications and website require a source image with double the resolution for high quality display. This used to be a deal breaker in the past where simple resizing would cause unsightly artifacts. Now we can use AI to upscale and image without losing quality.

Attach an image in

JPG
or
PNG
format, write upscale and send to @mediabot to use AI to 2x the image dimensions. See the upscale support page for more information.

Style Transfer

Style Transfer is a powerful technique that uses AI to adapt the colouring, textures, and motifs of a reference style image and apply it to a different target image. This method rapidly generates new, unique, and visually appealing images. This can be used to:

  • Apply a brand style to a new image
  • Generate backgrounds or layer masks
  • Inspire new designs
Taking paintings, or images with strong textural qualities and applying them to references images tends to produce interesting results.

To try style transfe, first attach style image in

JPG
or
PNG
format, then attach a reference image in
JPG
or
PNG
format, write style and send to @mediabot. Currently the Media Bot can only process small images, around 500 px x 500 px or smaller. See the style transfer support page for more information.

Convert

File conversion is a daily task for many designers and developers. It can often be frustraiting to find the right tool for the job. The Media Bot simplifies this process by bringing conversions into one place with a simple interface.

Our approach to conversion is to attach what you have and write what you want. For instance, to convert a png to jpg just attach a

PNG
, write jpg, and send to the @mediabot. Likewise to convert mp4 to gif attach a
MP4
, and write gif

We have extended this philosophy to joining or merging files. To join multiple pdf documents into a single pdf attach

PDF
s, write pdf, and send to the @mediabot receive a single pdf back. Similarly, a pdf can be created by attaching multiple
PNG
or
JPG
files to receive a pdf with one image per page..

This can even be used to convert an image sequence into an animated gif. To animate a sequence attach multiple

PNG
or
JPG
files, write gif, and send to the @mediabot to receive an animated gif.

Resize

Resizing an image is one of the best way to reduce the file size. Once a web design has been created it is good practice to resize the images to the display size to optimize load times. But, resizing many images can be a pain. To speed this up simply drag and drop the images into the Slack conversation and write:

  • resize <width> - where <width> is replaced with the target width. For example resize 500 will resize the image to be 500 px wide while maintaing the aspect ratio.
  • resize height <height> - where <width> is replaced with the target width. For example resize height 300 will resize the height to 300 px while maintaing the aspect ratio.

This also works with other formats such as

GIF
and
MP4
. See the resize support page for more information.

Compress

Converting from png to jpg, and resizing images is a great way to reduce the file size. But for the final performance optimization we often need to compress the image. We've made this as simple as possible by following the Google Lighthouse guidelines for image compression as our defaults.

Attach

JPG
or
PNG
and write compress to use our defaults or see the compress support page for specific information for each format.