Skip to main content

Using images in posts

Use images to add context and pizzazz to your posts

Updated over a year ago

When words just don't cut it, try an image instead! Adding images to your posts is a great way to make your content easier to understand — and more fun to read. 😸

Inserting images

There are four ways to add an image into a post:

  1. Drag and drop the image directly onto the post.

  2. Type "/image" in a post to bring up the image uploader. You can click on the uploader to add your image or drag and drop the image into the uploader.

  3. Copy the image and paste it directly onto the post.

  4. Copy and paste the URL of a publicly accessible image.

Formatting images

Resizing images

By default, images inserted into a post will be displayed at the default width but can be resized to half-width or full-width.

To resize an image:

  1. Hover on the image.

  2. Click Half width, Default width, or Full width within the toolbar.

Repositioning images

Images inserted into a post will be centered by default but can be repositioned alongside text.

To reposition an image:

  1. Hover over the image.

  2. Click Float Left or Float Right in the toolbar.

Adding captions to images

You can include a caption under an image for more context.

To add a caption:

  1. Click the image.

  2. Click the Add a caption field.

Moving images

To move an image to another area within a post:

  1. Hover over the image.

  2. Use the drag handle on the left-side corner of the image to drag and drop your image to the desired location.

Viewing images in full-screen

To view an image in full-screen, double-click the image or:

  1. Hover the image.

  2. Click the … menu.

  3. Click View fullscreen.

Adding comments and reactions to images

Add a comment or reaction to an image for additional context or feedback. Learn more about comments here.

To add a comment or reaction to an image:

  1. Hover over the image.

  2. Click the 💬 comment bubble icon or 😃 reaction icon within the toolbar.

Supported file types and sizes

Slab supports the following image formats:

  • AVIF

  • BMP

  • GIF

  • JPEG

  • PNG

  • SVG

  • WEBP

To optimize loading performance for posts, we recommend:

  • JPEG and PNG images smaller than 10MB will be used as it is, and those larger than 10MB will be compressed and converted to JPEG.

  • GIF and SVG files must be 10MB or smaller.

✏️ Note: Images uploaded as file attachments are always unmodified.

Did this answer your question?