---
title: "Inserting Images"
description: "Images are great for product screenshots, step-by-step instructions, and breaking up a long article. Here's how to insert images and make the most outta them."
url: "https://support.helpdocs.io/article/3dmo4uwe2o-inserting-images"
category: "Classic Editor"
updated_at: "2026-08-06T15:05:29Z"
---

# Inserting Images

Images are great for product screenshots, step-by-step instructions, and breaking up a long article. Here's how to insert images and make the most outta them 📸

This is an article about the Classic text editor. We recommend using our Blocks editor. Learn more about how to upgrade yours [here](/article/5vru9sph6l-upgrading-to-the-blocks-editor) ✨

We accept most image formats like .png, .jpg, .gif, .svg, and .webp. Just make sure it's under 5Mb 🙌

### Inserting an Image

![](https://files.helpdocs.io/Ytt2uahFxY/articles/3dmo4uwe2o/1611740906565/insert-image.gif)

1. Head to the article editor
2. In the toolbar press the **Image** button
   
   1. Drag and drop an image into the dotted area
   2. Click the dotted area
   3. Paste an image URL hosted somewhere else
3. You're done!

🔥 Dropping it like it's hot? Just drop an image file onto the article editor and it'll upload automatically.

Customize your images even more inside your knowledge base [with our image tools](/article/9gnl50xb2r-editing-images).

### Understanding Image Labels

If your image is hosted somewhere else (e.g. Dropbox, Google Drive, or your own company CDN) you'll see a label next to the image named **Hosted elsewhere**. Clicking the label will open the image where it's hosted so you don't have to guess.

![](https://files.helpdocs.io/Ytt2uahFxY/articles/3dmo4uwe2o/1611741245619/format-image-externalimage.gif)

Images from an outside source might disappear 👻 or change–so we recommend [copying them to HelpDocs](/article/9gnl50xb2r-editing-images#copying_an_external_image_into_help_docs).