> For the complete documentation index, see [llms.txt](https://jjloomis.gitbook.io/wordpress-adding-content-to-uwm-post/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jjloomis.gitbook.io/wordpress-adding-content-to-uwm-post/working-with-text-and-links/adding-an-image.md).

# Adding an Image

#### Renaming images prior to upload <a href="#renaming-images-prior-to-upload" id="renaming-images-prior-to-upload"></a>

Renaming an image before uploading it to Media Milwaukee makes it easier to find in the site's **Media Library**. Renaming images also lets other users and instructors know who took the photo.

A good approach to follow when naming image files is to use this approach: subject-your-last-name.jpg. If you have multiple images related to the same subject, you can add a number (-1, -2, -3, etc.) to the end of the file name as well. **Note**: Always maintain the file extension (.jpg, .png, etc.)

A properly renamed image might look like this: election-day-loomis-3.jpg.

#### Adding an image directly to a post <a href="#adding-an-image-directly-to-a-post" id="adding-an-image-directly-to-a-post"></a>

1. Rename images on your computer (see above.)
2. In a post, click the **Add block** button (plus sign.) Select the **Image** block. (**Note**: Do not select **Image Compare** or **Slideshow**.)
3. To upload an image, click the **Upload** button. Navigate to and select the image on your computer.
4. To select an image from the **Media Library**, click the **Media Library** button. Select the image you'd like to use and click the **Select** button.
5. If necessary, [align and resize the image](/wordpress-adding-content-to-uwm-post/working-with-text-and-links/aligning-and-resizing-an-image.md).
6. Add [alt text](/wordpress-adding-content-to-uwm-post/working-with-text-and-links/adding-alt-text-to-an-image.md) and a [caption](/wordpress-adding-content-to-uwm-post/working-with-text-and-links/adding-a-caption-and-alt-text-to-an-image.md) to the image.

<figure><img src="/files/uPo5PH5KZWf6SzAraQ0g" alt="Adding an image to a post using the Image block"><figcaption><p>Adding an image to a post using the Image block.</p></figcaption></figure>

#### Adding images to the Media Library <a href="#adding-images-to-the-media-library" id="adding-images-to-the-media-library"></a>

1. Rename images on your computer (see above.)
2. In the Media Milwaukee **Dashboard**, click the **Media** button (on left.)
3. Click the **Add New** button.
4. Click and drag image files from your computer into the **Drop files to upload** area. **Note**: Don't drag and drop more than 10 image files at a time. The maximum upload size is 64 MB.
5. The images will appear in the **Media Library**. You may now add the images directly to a story (see above.)
6. If necessary, [align and resize the image](/wordpress-adding-content-to-uwm-post/working-with-text-and-links/aligning-and-resizing-an-image.md).
7. Add [alt text](/wordpress-adding-content-to-uwm-post/working-with-text-and-links/adding-alt-text-to-an-image.md) and a [caption](/wordpress-adding-content-to-uwm-post/working-with-text-and-links/adding-a-caption-and-alt-text-to-an-image.md) to the image.

<figure><img src="/files/FDvWNLC0eL12iPwEjcms" alt="Adding an image to the Media Library"><figcaption><p>Adding an image to the Media Library.</p></figcaption></figure>