Step-by-Step Guide: Adding Images to Notion for a Stunning Visual Experience

Learn how to easily add images to your Notion pages. Step-by-step guide with screenshots and tips to enhance your Notion experience.
Notionry
We ♥ Notion
Header image

New to Notion?

Check out Notion's new template marketplace and find the perfect template for your needs!

How to Add Images to Notion

Adding images to your Notion pages is an essential part of creating visually rich and engaging content. Whether you want to include photos, graphics, or screenshots, Notion allows you to seamlessly incorporate images into your Workspace. In this guide, we will walk you through the step-by-step process of adding images to Notion while highlighting some of the latest features and best practices.

Uploading Images

Notion supports various image formats like PNG, JPG, and GIF. You can now upload images by either dragging them from your desktop or using the built-in file picker. Follow these steps to upload an image:

  1. Open the Notion page where you want to add the image.
  2. Place your cursor where you want the image to appear.
  3. Click on the "+" button in the toolbar or type /image and press Enter.
  4. From the options provided, select "Image."
  5. When the file picker dialog appears, click on "Upload" or "Choose a file" to select your image.
  6. Once you've selected the image, it will upload to Notion and a thumbnail preview will be displayed.

Tip: You can paste an image directly from your clipboard using Ctrl + V (or Cmd + V on Mac) for a faster workflow.

Inline Images

Inline images are embedded within the text content of a Notion page. They blend naturally into your content, helping readers understand the context better. Here's how to add an inline image:

  1. After uploading the image, simply drag and drop it into your text.
  2. Alternatively, click on the image thumbnail in the sidebar and drag it into your desired location.
  3. Resize the image by clicking and dragging the handles on the corners.

Full-Page Images

To make an image span the entire width of your page—ideal for covers or banners—follow these steps:

  1. Upload the image using the process described above.
  2. Drag and drop the image onto your page.
  3. The image will automatically expand to cover the entire page width.
  4. Resize by dragging the handles or borders of the image.

Notion now allows you to display multiple images in a gallery format—perfect for showcasing collections or portfolios. To create an image gallery:

  1. Upload all the images you want in your gallery.
  2. Place your cursor where you want the gallery to appear.
  3. Click on the "+" button in the toolbar and select "Gallery."
  4. A gallery block will appear on the page.
  5. Drag and drop the image thumbnails from the sidebar into the gallery block.
  6. Rearrange the order of the images by dragging and dropping them within the gallery.

Image Resize and Alignment

Notion offers simple tools to resize images and align them to enhance your page layout.

Resizing Images:

  • Click on the image to select it.
  • Drag the handles that appear on the corners to adjust its size.
  • Hold the Shift key while dragging to maintain the aspect ratio.
  • In some cases, you can also right-click on the image to see additional resize options.

Aligning Images:

  • Click on the image to select it.
  • Use the alignment options in the floating toolbar to position the image (left, center, or right).
  • For inline images, you can also drag the image to reposition it relative to the text.

Conclusion

Adding images to your Notion pages is a powerful way to enhance their visual appeal. Whether you embed inline images, create full-page visuals, or build image galleries, Notion's intuitive interface makes it simple to incorporate captivating visuals into your Workspace. Experiment with different placements, sizes, and alignments to create dynamic and engaging pages. For more insights on designing aesthetic Notion pages, check out Visually appealing content options and explore further visual integration tips.

Did this page help you?
Share this post