---
title: "How to add an image in Drupal 7"
description: "When adding content to Drupal, you may want to accompany your textual information with an image. This ability is automatically enabled in Articles, but must be enabled for Basic Pages. However, once..."
url: https://www.inmotionhosting.com/support/edu/drupal/drupal7-add-image/
date: 2012-07-20
modified: 2024-01-23
author: "Scott Mitchell"
categories: ["Drupal"]
type: post
lang: en
---

# How to add an image in Drupal 7

When adding content to Drupal, you may want to accompany your textual information with an image. This ability is automatically enabled in Articles, but must be enabled for Basic Pages. However, once enabled, adding an image is the same in both content types. Below are the instructions on how to insert an image into content in Drupal 7.

## How to insert an image in Drupal 7:

1. [Log into the Drupal 7 admin dashboard](/support/edu/drupal/how-to-log-into-the-drupal-admin-dashboard/).
2. Using the top menu bar, locate and click on the **Content **option. [![content](https://www.inmotionhosting.com/support/wp-content/uploads/2012/07/edu_Drupal_7_content_content-1024x636.jpg)](/support/wp-content/uploads/2012/07/edu_Drupal_7_content_content.jpg)
3. From this next page, you will either be editing existing content, or adding new content and then adding the image. In this example, we will be adding an image to existing content. Find the **Edit **link for the appropriate content you are going to edit. Here we are chosing to add an image to our ‘Hello World’ **Basic Page**. [![edit-content](https://www.inmotionhosting.com/support/wp-content/uploads/2012/07/edu_Drupal_7_content_Add_Image_edit-content.jpg)](/support/wp-content/uploads/2012/07/edu_Drupal_7_content_Add_Image_edit-content.jpg)
4. Find the image field and select **Browse **to select the image from your local computer. Once selected, click the **Upload **button. This will copy the image to the server. You should see an image preview on the screen. Once complete, scroll down and click on the **Save **button at the bottom of the screen. [![image-upload](https://www.inmotionhosting.com/support/wp-content/uploads/2012/07/edu_Drupal_7_content_Add_Image_image-upload.jpg)](/support/wp-content/uploads/2012/07/edu_Drupal_7_content_Add_Image_image-upload.jpg)
5. The image will now display as part of the page content. [![image-insert-after](https://www.inmotionhosting.com/support/wp-content/uploads/2012/07/edu_Drupal_7_content_Add_Image_image-insert-after.jpg)](/support/wp-content/uploads/2012/07/edu_Drupal_7_content_Add_Image_image-insert-after.jpg)